2014-12-06 11 views
1

我正在嘗試使用javascript和ajax重寫表格。這裏請求已經發送並且響應已經到達,但是innerHTML不能用響應文本重寫表格內容。 這是我的代碼。如何使用Ajax響應重寫表格

<table> <tbody id='product1'> <tr> <td> Product Name:</td> <td>P1</td> </tr> </tbody> </table>

的Javascript

function compareProd(prodID,tId){ browse(); var url = 'process.jsp'; url += '?compareProd='+prodID; xmlHttp.onreadystatechange = changeProd(tId); xmlHttp.open('POST', url, true); xmlHttp.send(null); } function changeProd(tID) { if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete') { document.getElementById('product1').innerHTML = xmlHttp.responseText; } }

process.jsp <tr> <td> Product Name:</td> <td>P2</td> </tr>

這裏響應到達,但不能改寫表。

+0

你的代碼是正確的校驗產品1就是您的 – 2014-12-06 06:00:43

+0

頁面上唯一可以請你把整個表的'div'和使用DIV的id的innerHTML? – kmario23 2014-12-06 06:39:49

回答

0

嘗試它在單功能和檢查是這樣的,假設您初始化xmlHttp請求對象。

xmlHttp.onreadystatechange = function(){ 
    if (xmlHttp.readyState==4 && xmlHttp.status==200) 
    { 
     document.getElementById('product1').innerHTML = xmlHttp.responseText; 
    } 
}; 
+0

xmlhttp.readyState是0是什麼意思? 它顯示我在控制檯響應。 – Snehal 2014-12-06 06:24:39

+0

0表示請求未初始化,請查看http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp – 2014-12-06 06:31:04

+0

以獲得更好的參考http://www.w3.org/TR/2006/WD-XMLHttpRequest-20060405/ – 2014-12-06 06:31:48