使用Ajax和Javascript

我的任務是使用jQuery隱藏和顯示兩個單獨的段落。我已經成功完成了這項工作下一步是添加JavaScript Ajax代碼，以便讓兩個段落顯示和隱藏。爲此我創建了兩個單獨的html文件。使用Ajax和Javascript

我的問題是，我無法弄清楚如何一次顯示兩個段落。無論是隻顯示一個段落還是一個段落出現兩次，所以在兩個div中。

謝謝！

var xhr = new XMLHttpRequest(); 
xhr.onload = function(){ 
    if (xhr.status === 200){ 
     document.getElementById('get').innerHTML = xhr.responseText; 
     document.getElementById('set').innerHTML = xhr.responseText; 
    } 
}; 
xhr.open('GET', 'Share.html', true); 
xhr.send(null); 
xhr.open('GET', 'Network.html', true); 
xhr.send(null);

來源

2015-04-22 CodePrincess94

您的_xhr.onload_函數正在爲兩個div設置相同的響應文本。創建兩個單獨的_xhr_調用（以不同方式命名），並在每個調用中使用單個div來設置responseText中的innerHTML。 – Sidd

謝謝你！我剛剛開始學習Ajax，現在它更清晰:) – CodePrincess94

這是因爲在你的onload回調XHR請求的，你同時設置get和set元素用相同的響應文本，這就是爲什麼一個段落出現了兩次。

創建兩個不同的XMLHttpRequest對象並有不同的onload處理程序。

或者，如果您使用jQuery，爲什麼不看看jQuery load方法？

$("#get").load("Share.html"); 

$("#set").load("Network.html");

來源

2015-04-22 14:51:14 Brandon

啊，它的工作！非常感謝你，簡單的修復，但我顯然需要幫助哈哈:) – CodePrincess94

@ CodePrincess94，沒問題。如果這回答了您的問題，您可以點擊對號將其標記爲已接受的答案。 – Brandon

使用Ajax和Javascript

回答

相關問題