ApiコールAjax n秒GETリクエスト

Question

APIはライブ値と変更を頻繁に表示するため、毎秒電話してウェブページに表示しようとしています。

set_interval()を使用してN秒ごとにget要求呼び出しを試みましたが、値は1回だけロードされ、再度コールしません。

<p id="val"></p> 
<p id="val2"></p> 
<p id="val3"></p> 

<script> 
var xhttp = new window.XMLHttpRequest(); 
xhttp.open("GET", "http_url_link", true); 
xhttp.send(); 
xhttp.onreadystatechange = myFunction(xhttp); 

function myFunction() { 
    if (xhttp.readyState == 4) { 
     var xmlDoc = xhttp.responseXML; 
     var val1= xmlDoc.getElementsByTagName('value_1')[0].childNodes[0]; 
     var val2 = xmlDoc.getElementsByTagName('value_2')[0].childNodes[0]; 
     var val3 = xmlDoc.getElementsByTagName('value_3')[0].childNodes[0]; 
     document.getElementById('val3').innerHTML = 
     v3.nodeValue; 
     document.getElementById('val').innerHTML = 
     v1.nodeValue; 
     document.getElementById('val2').innerHTML = 
     v2.nodeValue; 
    } 
} 
myFunction(); 
setInterval(myFunction, (1000)); 
</script> 

Answer 1

するvar xhttp =新しいwindow.XMLHttpRequest（）;

ここでは、xhttpオブジェクトはスクリプトの実行中に一度作成してください。そして、一度正しい出力が得られます。 1秒後にこれを呼び出す必要があります。

function myFunction() { 
    var xhttp = new window.XMLHttpRequest(); 
    xhttp.open("GET", "http_url_link", true); 
    xhttp.send(); 
    xhttp.onreadystatechange = function(){ 
     if (xhttp.readyState == 4) { 
     var xmlDoc = xhttp.responseXML; 
     var val1=xmlDoc.getElementsByTagName('value_1'[0].childNodes[0]; 
     var val2 = xmlDoc.getElementsByTagName('value_2')[0].childNodes[0]; 
     var val3 = xmlDoc.getElementsByTagName('value_3')[0].childNodes[0]; 
     document.getElementById('val3').innerHTML=v3.nodeValue; 
     document.getElementById('val').innerHTML=v1.nodeValue; 
     document.getElementById('val2').innerHTML=v2.nodeValue; 
    } 
    } 

setInterval(myFunction,(2000)); 

私は、関数の中にあるものを4本のラインを入れた場合、それはちょうど私のブラウザをクラッシュ:)

Answer 2

これを試してみてください：API呼び出しを行うために

function myFunction() { 
    function foo(){ alert("Hello"); } 
    setTimeout(myFunction, 1000); 
    foo(); 
} 
myFunction(); 

Answer 3

コード関数の外です。

function myFunction() 
{ 
    var xhttp = new window.XMLHttpRequest(); 
    xhttp.open("GET", "http_url_link", true); 
    xhttp.send(); 
    xhttp.onreadystatechange = myFunctionRes(xhttp); 
} 
function myFunctionRes() 
{ 
    if (xhttp.readyState == 4) 
    { 
     var xmlDoc = xhttp.responseXML; 
     var val1= xmlDoc.getElementsByTagName('value_1')[0].childNodes[0]; 
     var val2 = xmlDoc.getElementsByTagName('value_2')[0].childNodes[0]; 
     var val3 = xmlDoc.getElementsByTagName('value_3')[0].childNodes[0]; 
     document.getElementById('val3').innerHTML = 
     v3.nodeValue; 
     document.getElementById('val').innerHTML = 
     v1.nodeValue; 
     document.getElementById('val2').innerHTML = 
     v2.nodeValue; 
    } 
} 
setInterval(myFunction, (1000));