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将使用包含您要插入的数据的元素。

Answer 2

在我的代码中，您可以看到要从左侧面板单击用户名，并从数据库中调用ajax来获取他/她的信息。但是，当您将该信息附加到div时，此追加调用会将数据附加到div的末尾，而您可以调用$("#result").html(data);。所以最后的ajax调用将是 -

$.ajax({
    type:'POST',
    url: 'testtable.php',
    data: {id: getid,from: first,to: second},
    cache: false,
    global: false,
    success:function(data)
    {
    $("#result").html(data);
    alert("Success: " + getid + " " + first + " to " + second);
    }
});

如果问题仍然存在，您可以执行以下步骤 - 1.检查firebug中控制台选项卡中的任何错误。 2.如果ajax在任何时候都失败了。

如何使用ajax php

2 个答案: