我有一个网站需要更新状态。就像飞行一样,您要离开,巡航或着陆。我希望能够刷新状态而无需让观众拥有并重新加载整个页面。我知道有一种使用AJAX和jQuery的方法,但是我对它的工作方式没有任何了解。我也不希望他们单击按钮。如果有人知道该怎么做,我将不胜感激!
通常,如果您不知道某些事情是如何工作的,请寻找可以学习的示例。
对于这个问题,考虑 this DEMO
您可以看到使用jQuery很容易完成AJAX的内容加载:
$(function(){
// don't cache ajax or content won't be fresh
$.ajaxSetup ({
cache: false
});
var ajax_load = "<img src='http://automobiles.honda.com/images/current-offers/small-loading.gif' alt='loading...' />";
// load() functions
var loadUrl = "http://fiddle.jshell.net/deborah/pkmvD/show/";
$("#loadbasic").click(function(){
$("#result").html(ajax_load).load(loadUrl);
});
// end
});
尝试了解其工作原理,然后尝试复制它。祝好运。
您可以找到相应的教程 HERE
现在,以下事件启动了ajaxload
函数:
$("#loadbasic").click(function(){
$("#result").html(ajax_load).load(loadUrl);
});
(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相应的演示。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句