.load()使所有ajax加载的divs刷新

时间:2015-08-08 18:08:18

标签: javascript jquery ajax

我目前正在开展一个项目,该项目会让几个不断重新加载div。在这种情况下,每10秒。我通过以下代码完成了这项工作:

$(document).ready(function() {
    $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php");
    setInterval(function() {
        $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php");
    }, 10000);
});

我在页面加载时加载它,然后每10秒刷新一次。现在问题是我的AJAX加载页面。上面代码的每个间隔,ajax加载的页面刷新,这是非常烦人的。特别是在填写某种形式时,因为它会自行清空。

这是我用来加载页面的代码:

$.ajax({
    type: "GET",
    url: "/public/assets/scripts/pagina.php",
    data: 'page=' + url, // url variable is defined above this snippet.
    dataType: "html",
    success: function(msg) {
        if (parseInt(msg) != 0) {
            $('.mainContent').html(msg);
        }
    }
});

这两个是否有任何相互干扰的方式?如果是这样,我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

$(document).ready(function() {
     $("#radiostatusInner").load("/public/assets/scripts/radiostatus.php");
   var refreshId = setInterval(function() {
      $("#radiostatusInner").load('/public/assets/scripts/radiostatus.php?randval='+ Math.random());
   }, 10000);
   $.ajaxSetup({ cache: false });
});

检查这个link,可能会给你一些想法..