我有一个网站,我需要更新一个状态.
就像一个航班,你是离开,巡航或着陆.
我想能够刷新状态,而不必让我的vieuwers拥有并重新加载整个页面.我知道有一个方法与 AJAX和jQuery,但我不了解这是如何工作的.我也不希望他们拥有并点击一个按钮.
如果任何身体知道如何做,我非常感激！
就像一个航班,你是离开,巡航或着陆.
我想能够刷新状态,而不必让我的vieuwers拥有并重新加载整个页面.我知道有一个方法与 AJAX和jQuery,但我不了解这是如何工作的.我也不希望他们拥有并点击一个按钮.
如果任何身体知道如何做,我非常感激！
一般来说,如果你不知道某些东西是如何工作的,那么找一个你可以学习的例子.
对于这个问题,考虑this DEMO
您可以看到使用AJAX加载内容很容易通过jQuery完成：
$(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
更新
现在,以下事件启动ajax加载功能：
$("#loadbasic").click(function(){
$("#result").html(ajax_load).load(loadUrl);
});
您也可以定期进行：How to fire AJAX request Periodically?
(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相应的演示.