jQueryのは、私はAJAX</strong><strong>を通じて<strong>info.php</strong>をロード<strong>index.phpを</strong>ページを持っているXMLHttpRequestオブジェクト

Question

での作業ではありません。

<script> 
function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     document.getElementById("data").innerHTML = this.responseText; 
    } 
    }; 
    xhttp.open("GET", "info.php", true); 
    xhttp.send(); 
} 

(function() { 
    loadDoc() 
})(); 
setInterval ("loadDoc()", 5000); 
</script> 

info.phpファイルは/ダウン、特定の番号へ/からのカウントアップを行うには、次のコードを持っている：info.php内容は、次のようにロードされます。

<div class="timer count-title count-number" data-from="2000" data-to="300" data-speed="1500"></div> 

<script src='includes/jquery-3.2.1.min.js'></script> 
<script src="includes/counter.js"></script> 

私はカウンターが完全に正常に動作し、直接 info.php をご覧ください。しかし、私がindex.phpに行くと、カウンタは表示されません。他のjQueryスクリプトと同じ問題がありました。 index.phpにjQueryと他のスクリプトが含まれていても、それでも動作しません。私はそれが更新を維持するので、番号がAJAX呼び出しを通過するようにしたい。

簡単な解決策はありますか？あなたが続くとしてのようにjQueryのことでそれを行うことができます

Answer 1

は...

function loadDoc(){ 
      console.log("call done"); 
      $("#data").load("info.php", function() { 
       console.log("Load done."); 
      }); 

     }; 
     $(function(){loadDoc();}); 
     setInterval (loadDoc, 5000); 

は私が

function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     document.getElementById("data").innerHTML = this.responseText; 
    } 
    }; 
    xhttp.open("GET", "info.php", true); 
    xhttp.send(); 
} 

$(function(){loadDoc();}); 
setInterval (loadDoc, 5000);