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

在Gmail中，当收到新电子邮件时，页面自动显示邮件而不刷新，如何完成此操作？如何在不刷新的情况下更新页面

2011-01-26 hon

你可以使用window.setInterval功能定期发送AJAX请求到服务器检查是否有更新：

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它允许服务器推送更新到客户端，而不是的客户端轮询更新。

来源

2011-01-26 09:35:29

喜，但为什么我上无法看到使用Firebug的请求记录，如果Gmail使用setInteral做每秒一个请求？而且，如果我们想要做一个Ajax请求，必须有一个触发器，对吧？ – hon 2011-01-26 09:49:42

你可以在`Net`标签中看到它吗？ – 2011-01-26 09:59:27

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

取得了相当容易使用jQuery。

来源

2011-01-26 09:35:47 benhowdle89

它通过使用ajax完成。巧合的是，这个问题被标记为“阿贾克斯”。

维基百科：http://en.wikipedia.org/wiki/Ajax_(programming）

“的Ajax（发音/eɪdʒæks/;简写为异步JavaScript和XML）[1]在客户端使用的一组相互关联的web开发方法来创建交互式Web应用程序使用Ajax，Web应用程序可以在后台异步地从服务器检索数据，而不会干扰现有页面的显示和行为，数据通常使用XMLHttpRequest对象进行检索，尽管名称不需要使用XML， [2]“

来源

2011-01-26 09:36:46 Arafangion

你说它AJAX XMLHTTPRequest在wik上搜索jQuery和ajax我现在不会在4-5年前播下困难的东西，当时我们正在使用隐藏的iframe来在线模拟桌面应用程序的行为。

这是一个点开始： http://api.jquery.com/jQuery.ajax/

这是主要的想法： http://www.w3.org/TR/XMLHttpRequest/

来源

2011-01-26 09:37:59

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

回答

相关问题