Javascript 用Ajax完成HTML

是否可以使用Ajax响应来填充html文件

举个例子，我的Ajax响应是：

<table>
    <tr><td>Patient : </td><td>Me</td></tr>
    <tr><td>Surgery date : </td><td>A date</td></tr>
</table>

病人：我
手术日期：A日期

我如何用它填充我的html

我试过了，但没用

...
<div class="test"> </div>
...
function search(lastname_patient)
{           
    $.post("../functions/ajax/search.php",
    {
      lastname_patient: lastname_patient,
    },
    function(data)
    {   
        $('.test').val(data);           
    });             
}

。。。
...
功能搜索（姓氏\患者）
{           
$.post（“../functions/ajax/search.php”，
{
姓氏\患者：姓氏\患者，
},
功能（数据）
{   
$（'.test'）.val（数据）；
});             
}

您必须使用

html

而不是

val

。这与Javascript中的

innerHTML

相同

$('.test').html(data);
//         ^^^^

设置匹配元素的HTML内容

文档：

使用jQuery.html（）

---

有很多方法可以做到，你可以这样做：

1. $(".test").html(data);

2. $(".test").replaceWith(data); - Dom element will be replaced too ,that .test class

---

$（'.test'）.html（数据）

如果使用第二种方法，下次调用

search

时会发生什么？

1. $(".test").html(data);

2. $(".test").replaceWith(data); - Dom element will be replaced too ,that .test class