Javascript AJAX请求没有返回HTML表单textarea

Question

我想让用户点击使用AJAX的按钮后，我的页面显示HTML textarea提交表单，但由于某种原因，AJAX的响应显示除了textarea的。我对Web开发有点新，所以我的代码很混乱。我从代码中删除了一些东西，以便于阅读，但下面的代码仍然无法正常工作。 JavaScript部分是：

var time_variable; 

function getXMLObject() //XML OBJECT 
{ 
    var xmlHttp = false; 
    try { 
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP") // For Old Microsoft Browsers 
    } 
    catch (e) { 
    try { 
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") // For Microsoft IE 6.0+ 
    } 
    catch (e2) { 
     xmlHttp = false // No Browser accepts the XMLHTTP Object then false 
    } 
    } 
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') { 
    xmlHttp = new XMLHttpRequest();  //For Mozilla, Opera Browsers 
    } 
    return xmlHttp; // Mandatory Statement returning the ajax object created 
} 

var xmlhttp = new getXMLObject(); //xmlhttp holds the ajax object 
var poll_id; 

function getVote(choice, id, poll, display) { 
    switch(poll) 
    { 
    case 1: 
    poll_id = '1'; 
    break; 
    case 2: 
    poll_id = '2'; 
    break; 
    case 3: 
    poll_id = '3'; 
    break; 
    default: 
    alert("Error in poll ID.."); 
    } 

    var getdate = new Date(); //Used to prevent caching during ajax call 
    if(xmlhttp) { 
    //var txtname = document.getElementById("txtname"); 
    xmlhttp.open("POST","poll_vote.php",true); //calling testing.php using POST method 
    xmlhttp.onreadystatechange = handleServerResponse; 
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
    xmlhttp.send("choice=" + choice + "&id=" + id + "&disp=" + display); //Posting txtname to PHP File 
    } 
} 


function handleServerResponse() { 
    if (xmlhttp.readyState == 4) { 
    if(xmlhttp.status == 200) { 
     document.getElementById("poll"+poll_id).innerHTML=xmlhttp.responseText; //Update the HTML Form element 
    } 
    else { 
     alert("Error during AJAX call. Please try again"); 
    } 
    } 
} 

点击的按钮是：

<div id="poll1"> 
      <table id="pollm"><tr><td> 
      <a href="#" onclick="getVote(0,<?php echo $id; ?>,1,'m')" ><img src="/Images/A_not_pressed_small.png" border="0" onmouseover="this.src='/Images/A_pressed_small.png';" onmouseout="this.src='/Images/A_not_pressed_small.png';" /></a> 
      </td><td> 
      <?php echo $current['choice1']; ?> 
      </td></tr> 
      </table> 
      <table id="pollm"><tr><td> 
      <a href="#" onclick="getVote(1,<?php echo $id; ?>,1,'m')" ><img src="/Images/B_not_pressed_small.png" border="0" onmouseover="this.src='/Images/B_pressed_small.png';" onmouseout="this.src='/Images/B_not_pressed_small.png';" /></a> 
      </td><td> 
      <?php echo $current['choice2']; ?> 
      </td></tr> 
      </table> 
      </div> 

而且poll_vote.php只是一个表：

<table width="200" border="0" cellpadding="0" cellspacing="0" > 
<tr> 
<form name="form1" method="post" action="add_comment.php"> 
<td><textarea name="a_answer" cols="45" rows="3" id="comment"></textarea></td> 
</tr> 
<tr> 
<td><input type="submit" value="Submit" class="text_submit"></td> 
<td>hello world!</td> 
<td></td> 

</tr> 
</table></td></tr> 
    </table> 

我点击该按钮后，我可以看到提交按钮和“hello world！” AJAX响应，但没有textarea。任何人有任何建议吗？谢谢

Answer 1

我同意将form标记放在<td>之前的一条评论很奇怪，但为什么要在那里修改你的逻辑。您的浏览器可能有

一个问题是你缺少了密切的元素<form>：

<tr> 
<form name="form1" method="post" action="add_comment.php"> 
<td><textarea name="a_answer" cols="45" rows="3" id="comment"></textarea></td> 
</tr> 

<tr> 
<form name="form1" method="post" action="add_comment.php"> 
<td><textarea name="a_answer" cols="45" rows="3" id="comment"></textarea></td> 
</form> 
</tr> 

如果你使用Firebug，作为建议，或对IE8的IE调试器，你可以看看什么是真正返回从服务器，然后你可以看到发生了什么，但很难解决这种类型的问题，而不需要服务器和客户端。

这将是值得你花时间学习使用调试器的浏览器，你想测试，否则JavaScript变得非常沮丧。

Answer 2

这可能是值得你学习jQuery的。这将为您节省时间。