XMLHttpRequest - 從URL中獲取值並將其寫入div

我有一個名爲totalvalue的div。XMLHttpRequest - 從URL中獲取值並將其寫入div

<div id="totalvalue"></div>

我寫了一個函數從我的PHP腳本獲得價值（在同一臺服務器上）。

function totalvalue() { 
var ajax5 = new XMLHttpRequest(); 
ajax5.onreadystatechange = function() { 
if (ajax5.readyState == 4) { 
totalvalue = (ajax5.responseText); 
console.log(totalvalue); 
document.getElementById("totalvalue").innerHTML = ajax5.responseText; 

} 
}; 
ajax5.open("GET", "totalvalue.php", true); 
ajax5.send(null); 
}

php腳本確實輸出一個值。

我的控制檯和div都沒有顯示輸出。

來源

2016-02-28 Cody Raspien

您是否檢查過任何瀏覽器的開發人員工具的網絡選項卡，以查看ajax調用中會發生什麼 – Saravanan

那麼您好，我發現您創建了一個div和一個XMLHttpRequest以便從服務器獲取某些內容。我不知道你是否有一個按鈕或一個事件來調用你的函數。你想更改頁面加載文本？ –

totalvalue.php沒有出現在網絡標籤 –

這爲我工作。

function test5() { 

var ajax5 = new XMLHttpRequest(); 
ajax5.onreadystatechange = function() { 
if (ajax5.readyState == 4) { 
xxx5 = (ajax5.responseText); 
console.log("this is the total value: "+xxx5); 

if (xxx5 == 0) { 
document.getElementById("totalvalue").innerHTML="Loading..."; 
} else { 
document.getElementById("totalvalue").innerHTML="Total: "+xxx5; 
    } 

} 
    }; 
    ajax5.open("GET", "totalvalue.php", true); 
    ajax5.send(null); 

    }

我推測，在那裏我寫的DIV +此事有可能是一個問題與緩存。我無法確定上述剛剛開始工作的原因。

來源

2016-02-28 17:05:03

對於簡單的代碼，並更好的跨瀏覽器的支持，我會用jQuery.ajax像這樣：

$.ajax({ 
    url: 'totalvalue.php', 
    success: funciton(data){ 
    $('#totalvalue').html(data); 
    } 
});

瞭解更多關於它的documentation

來源

2016-02-28 13:22:47

謝謝，但我沒有使用JQuery。 –

XMLHttpRequest - 從URL中獲取值並將其寫入div

回答

相關問題