一般来说,如果你不知道某些东西是如何起作用的,那么找一个你可以学习的例子。
对于这个问题,请考虑 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相应的演示。