javascript - .load() 使所有ajax加载的div刷新

Question

我目前正在开发一个项目，该项目涉及几个不断重新加载的 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);
        }
    }
});

那么这两者之间有什么干扰吗？如果是这样，我该如何解决这个问题？

Answer 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 ，也许它可以给你一些想法..