Как сделать обновление статуса (ajax) с помощью Jquery?

Question

Как сделать статус обновления, как то, что вы делаете сейчас (facebook + ajax) с Jquery?

Я нашел учебник, очень похожий на этот, но они используют mootools, есть ли учебник, использующий Jquery?

Я новичок в javascript и jquery, мне нужны ваши парни, помощь и совет

EDIT:

Пример mootool можно найти здесь:

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

Answer 1

По сути, вы хотите сделать jQuery POST запрос к серверу с содержимым вашей формы. (Внимательно посмотрите на примеры, чтобы понять, как это работает ...) Сохраните опубликованные данные в своей базе данных, отправьте ответ клиенту и используйте функцию обратного вызова для обновления страницы путем повторной загрузки определенных полей, которые должны быть обновлен.

Я не видел ни одного учебного пособия для создания этой специфической функциональности, но если вы немного поэкспериментируете с jQuery и предпочитаемым языком на стороне сервера, вы сможете довольно быстро это выяснить.

Answer 2

@ Томас и @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

Answer 3

Вы, вероятно, хотите сделать это ..

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

или

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

заказ JQuery Docs

Answer 4

Вот хороший пример для создания простого jquery-ajax с PHP

Answer 5

Не для саморекламы, но я написал учебник по этой теме. очень легко сделать: http://blog.twostepmedia.co.uk/dynamic-jquery-twitter-status/

Answer 6

Если бы вы следовали примеру 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');
        }
    });
});