如何在不刷新的情况下更新页面

在Gmail中，当收到新邮件时，页面会自动显示该邮件而不刷新，这是怎么做到的？

您可以使用以下命令定期发送 AJAX 请求window.setInterval http://developer.mozilla.org/en/DOM/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);

另一种可能性是使用HTML5 WebSocket API http://net.tutsplus.com/tutorials/javascript-ajax/start-using-html5-websockets-today/这允许服务器将更新推送到客户端，而不是客户端轮询更新。