javascript - 如何使用ajax php刷新div标签内的表格

Question

我有一个 ajax 表单击事件，它根据第一个表中单击的名称获取数据库数据，并显示第二个表中的员工信息。现在的问题是员工信息数据只堆积在第二张表中，我想在用户点击每个名字时刷新第二张表。顺便说一下，第二个表在一个 div 标签内。 这是我的 ajax 代码:

function putThis(control){
var getid = control.innerText;
var first = $("#from[name=from]").val();
var second = $("#to[name=to]").val();
$.ajax({
    type:'POST',
    url: 'testtable.php',
    data: {id: getid,from: first,to: second},
    cache: false,
    global: false,
    success:function(data)
    {
    $("#result").append(data);
    alert("Success: " + getid + " " + first + " to " + second);
    }
});
}

Answer 1

如果我正确地阅读了你的问题(如果我没有正确阅读并纠正我)，你想要替换元素的内容而不是将数据附加到元素。

这可以通过更改此行来使用您的代码来完成:

$("#result").append(data);

为此:

$("#result").html(data);

append会将数据放在结束标记之前的元素末尾，而 html将使用您插入的数据消耗元素。