как обновить страницу без обновления

Question

В Gmail при получении нового письма на странице автоматически показывается письмо без обновления, как это можно сделать?

Answer 1

Это делается с помощью ajax. По совпадению, вопрос был помечен как "ajax".

Из википедии: http://en.wikipedia.org/wiki/Ajax_(programming)

"Ajax (произносится / ˈeɪdʒæks /; сокращение для асинхронного JavaScript и XML) [1] - это группа взаимосвязанных методов веб-разработки, используемых на стороне клиента для создания интерактивных веб-приложений. С помощью Ajax веб-приложения могут получать данные из сервер асинхронно в фоновом режиме, не влияя на отображение и поведение существующей страницы. Данные обычно извлекаются с использованием объекта XMLHttpRequest. Несмотря на название, использование XML не требуется, и запросы не должны быть асинхронными. [2] «

Answer 2

Вы можете отправлять запросы AJAX через регулярные промежутки времени, используя функцию window.setInterval на сервер, проверяя наличие обновлений:

window.setInterval(function() {
    // this code will execute on every 5s
    // so we could send an AJAX request to verify if we
    // have new data. Example with jQuery:
    $.getJSON('/foo', { }, function(result) {
        if (result.newItems) {
            // TODO: update the DOM with the items
        }
    });
}, 5000);

Другая возможность заключается в использовании HTLM5 WebSocket API , который позволяет серверу отправлять обновления клиенту вместо запроса клиентом обновлений.

Answer 3

Вы сказали, что AJAX XMLHTTPRequest ищет jQuery и ajax в вики, сейчас это не так уж сложно, как это было 4-5 лет назад, когда мы использовали скрытые фреймы для имитации поведения настольных приложений онлайн.

Это точка для начала: http://api.jquery.com/jQuery.ajax/

И это основная идея: http://www.w3.org/TR/XMLHttpRequest/

Answer 4

http://blog.twostepmedia.co.uk/send-html-form-results-in-an-email-from-php-using-jquery-ajax/

Сделано довольно просто с помощью jQuery.