Question

我通过scriptA.php动态生成一个网页。在这个页面内，我有一个div元素#WatchContainer需要每5分钟更新一次。 #WatchContainer的内容由scriptB.php创建。为了实现这一点，我使用“include”在scriptA.php中嵌入scriptB.php。变量$ sum在scriptA.php中定义，并由scriptB.php用于更新#WatchContainer中的内容。

在初始页面加载时，$ sum正确地从scriptA.php传递到scriptB.php。但是，当通过AJAX请求更新#WatchContainer时，$ sum不再传递给scriptb.php。 jQuery函数如下：

function updateWatch() {
  $.ajax({
      url:"scriptB.php",
      success: function(data) {
             $("#WatchContainer").html(data);
      }
    });
}

var WatchInterval = setInterval("updateWatch()", 300000);

Answer 1

我没有看到你通过ajax将任何变量传递给scriptB.php。我知道你应该使用POST或GET方法通过ajax将$ sum变量传递给scriptB.php

POST

function updateWatch(sum) {
  $.ajax({
      type:"POST",
      url:"scriptB.php",
      data:"sum="+sum,
      success: function(data) {
             $("#WatchContainer").html(data);
      }
    });
}

GET

function updateWatch(sum) {
  $.ajax({
      type:"GET",
      url:"scriptB.php?sum="+sum,
      success: function(data) {
             $("#WatchContainer").html(data);
      }
    });
}

Answer 2

以3秒的间隔时间尝试此操作，并确保包含库和其他相关内容。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(document).ready(function() {
        var WatchInterval = setInterval(function() {
             $.ajax({
                url:"scriptB.php",
                success: function(data) {
                    console.log(data);
                    }
             });
        },3000);
    });
<script>

通过AJAX刷新</div>更新<div>的问题

2 个答案: