AJAX中的jQuery没有更新

时间:2014-04-26 07:07:35

标签: javascript php jquery ajax html

我有一个网页 - 我们称之为index.php。使用AJAX我在下拉选择后从另一个页面加载内容 - 让我们调用这个catalog.php。

catalog.php有一个空的DIV,使用jQuery从另一个页面获取一些文本 - 最后一个将被称为data.php。它取代了DIV的内容,每1秒刷新一次。

如果我直接转到catalog.php(使用正确的GET),jQuery将运行,DIV将根据需要每秒更新。

但是,如果我去index.php - catalog.php将加载并运行,但DIV仍为空,并且它不会用data.php填充DIV。

这里发生了什么?

index.php中的示例代码:

<script>
    function showForm(str) {
      if (str=="") {
        document.getElementById("txtHint").innerHTML="";
        return;
      } 
      if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
      } else { // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
          document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
      }
      xmlhttp.open("GET","catalog.php?q="+str,true);
      xmlhttp.send();
    }
</script>

catalog.php中的示例代码:

<div id="divstuff"></div>
<script src="jq.js"></script>
<script type="text/javascript">
window.setInterval(function(){
            $("#divstuff").load("data.php?data=somedata");
}, 1000);</script>

这一切都是通过PHP等回应的。 data.php只有一些用PHP打印的基本内容。

1 个答案:

答案 0 :(得分:1)

最佳做法是在index.php上加载paid.php。只需移动您的setInterval代码并添加ID为&#34的DIV;付款&#34;到index.php。

如果你想保持它现在的状态,你需要确保从cart.php返回的JS实际上正在运行。另外,请确保您只有一个ID =&#34;付款&#34;。