0

如何使用 Jquery 更新状态，比如你现在在做什么（facebook + ajax）？

我找到了一个与此非常相似的教程，但他们使用 mootools，是否有使用 Jquery 的教程？

我是 javascript 和 jquery 的新手，我需要你们的帮助和建议

编辑：

可以从这里找到 mootool 示例：

http://nettuts.com/tutorials/php/twitter-emulation-using-mootools-12-and-php/

4

6 回答 6

2

基本上你想要做的是用你的表单的内容向服务器发出一个jQueryPOST请求。（仔细查看示例以了解其工作原理...）将发布的数据存储在数据库中，向客户端发送响应并使用回调函数通过重新加载应加载的特定字段来更新页面更新。

我还没有看到任何教程来创建这个特定的功能，但是如果你使用 jQuery 和你选择的服务器端语言你应该能够很快地弄清楚它。

于 2009-05-19T11:51:16.067 回答
1

这是一个很好的例子，用 PHP 做一些简单的 jquery-ajax

于 2009-05-19T11:36:27.517 回答
1

你可能想这样做..

$("div").html("<span class='red'>Hello <b>Again</b></span>");

或者

$("p").text("<b>Some</b> new text.");

结帐 JQuery 文档

于 2009-05-19T12:00:25.020 回答
1

@Tomas 和 @Natrium 基本上已经告诉了您需要了解的内容。

既然您说您是 javascript 和 jQuery 的新手，我建议您查看http://docs.jquery.com/Main_Page

有关 Ajax 特定文档，请查看http://docs.jquery.com/Ajax

要学习 jQuery 的基础知识（即使你不太了解 javascript），我推荐《学习 jQuery》这本书http://www.packtpub.com/learning-jquery-1.3/book/mid/220409c024ep

于 2009-05-19T12:03:16.870 回答
0

如果您要完全按照 mootools 示例进行操作，则只需将 javascript 代码更改为此即可在 jQuery 中工作（基本上以相同的方式）：

$(function() {
    //make the ajax call to the database to save the update
    $.ajax({
        url: '<?php echo $_SERVER['PHP_SELF']; ?>',
        method: 'POST',
        beforeSend: function() {
            $('submit').attr('disabled','disabled');
        },
        complete: function(xhr,status) {
            $('submit').disabled = 0;
            $('#message').removeClass('success').removeClass('failure');
            $('#message').fadeIn(3000);
        },
        success: function(data,status) {
            //update message
            $('#message').text('Status updated!').addClass('success').fadeIn('medium');

            //store value, clear out box
            var status = $('#status').val();
            $('#status').val('');

            //add new status to the statuses container
            var element = $('<div class="status-box">');
            element.html(status + '<br /><span class="time">A moment ago</span>');
            $('#statuses').prepend(element);

            //place the cursor in the text area
            $('#status').focus();

        },
        error: function(xhr, status, error) {
            //update message
            $('#message').text('Status could not be updated.  Try again.').addClass('failure').fadeIn('medium');
        }
    });
});
于 2009-05-19T17:51:58.883 回答
0

不要自我推销太多，但我写了一个关于这件事的教程。很容易做到：http ://blog.twostepmedia.co.uk/dynamic-jquery-twitter-status/

于 2011-02-09T11:31:02.763 回答