php实现数据更新页面不刷新,更新页面上的数据而不刷新

一般来说，如果你不知道某些东西是如何起作用的，那么找一个你可以学习的例子。

对于这个问题，请考虑 this DEMO

您可以使用jQuery轻松完成使用AJAX加载内容：

$(function(){

// don't cache ajax or content won't be fresh

$.ajaxSetup ({

cache: false

});

var ajax_load = "";

// load() functions

var loadUrl = "http://fiddle.jshell.net/deborah/pkmvD/show/";

$("#loadbasic").click(function(){

$("#result").html(ajax_load).load(loadUrl);

});

// end

});

尝试了解它是如何工作的，然后尝试复制它。祝好运。

您可以找到相应的教程 HERE

更新

现在，以下事件启动了ajax load函数：

$("#loadbasic").click(function(){

$("#result").html(ajax_load).load(loadUrl);

});

您也可以定期执行此操作：如何定期触发AJAX请求？

(function worker() {

$.ajax({

url: 'ajax/test.html',

success: function(data) {

$('.result').html(data);

},

complete: function() {

// Schedule the next request when the current one's complete

setTimeout(worker, 5000);

}

});

})();

我为你做了一个这个实现的演示HERE。在此演示中，每2秒(setTimeout(worker, 2000);)更新一次内容。

您也可以立即加载数据：

$("#result").html(ajax_load).load(loadUrl);

哪个有THIS相应的演示。