php – 更新页面上的数据而不刷新

我有一个网站,我需要更新一个状态.
就像一个航班,你是离开,巡航或着陆.
我想能够刷新状态,而不必让我的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相应的演示.

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!