如何使用 ajax 响应重写表

Question

我正在尝试使用javascript和ajax重写表。此处已发送请求并已到达响应，但 innerHTML 无法使用响应文本重写表内容。这是我的代码。

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

爪哇语

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; } }

过程.jsp <tr> <td> Product Name:</td> <td>P2</td> </tr>

此处响应已到达，但无法重写表。

Answer 1

在

单个函数中尝试它并像这样检查，假设您初始化了xmlHttp请求对象。

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