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

前端之家收集整理的这篇文章主要介绍了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相应的演示.

原文链接:https://www.f2er.com/php/130371.html

猜你在找的PHP相关文章