아약스 응답을 사용하여 테이블을 다시 작성하는 방법

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

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