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

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – 更新页面上的数据而不刷新脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网站,我需要更新一个状态.
就像一个航班,你是离开,巡航或着陆.
我想能够刷新状态,而不必让我的vieuwers拥有并重新加载整个页面.我知道一个方法AJAXjquery,但我不了解这是如何工作的.我也不希望他们拥有并点击一个按钮.
如果任何身体知道如何做,我非常感激!
一般来说,如果你不知道某些东西是如何工作的,那么找一个你可以学习的例子.

对于这个问题,考虑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相应的演示.

脚本宝典总结

以上是脚本宝典为你收集整理的php – 更新页面上的数据而不刷新全部内容,希望文章能够帮你解决php – 更新页面上的数据而不刷新所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。