AJAX响应数据未显示在表td中

Question

我有一个HTML表格，其结构如下：

<tr>
    <td>
        <a href="javascript:view_note('<?php echo $id; ?>')">View note</a>
    </td>
<tr>     
<tr>
    <td id="abcd" >
        <span id="hidtb_<?php echo $applicants_r[$i]['id']; ?>"></span>
    </td>
</tr>

我的JavaScript是：

function view_note(id)
{
    document.getElementById('abcd').style.display="block";
    ---------------
    --------------
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            var ajaxDiv = document.getElementById('hidtb_'+id);
            //alert('hidtb_'+id);
            ajaxDiv.innerHTML = ajaxRequest.responseText;
        }
    }

    var queryString = "?id=" + id;
    ajaxRequest.open("GET", "view_note.php" + queryString, true);
    ajaxRequest.send(null); 
}

但是，当我单击视图注释时，尽管它显示了td abcd ，但什么也没有显示！ 但是，当我警报alert(ajaxRequest.responseText) ，它将警报所需的结果。 怎么了？

Answer 1

它的<tr id="abcd">导致错误，因为它在CSS中设置为display:none 。 尝试这个：

<tr id="abcd_<?php echo  $applicants_r[$i]['id']; ?>" style="display: none">
    <td>
        <span id="hidtb_<?php echo  $applicants_r[$i]['id']; ?>"></span>
    </td>
</tr>

Javascript / Ajax：

更改

document.getElementById('abcd').style.display="block";

至
document.getElementById('abcd_'+id).style.display="block";