Ajax发送到PHP，然后在div中回显

Question

我有一个ajax函数发送一个变量 - num - 到一个php脚本，然后在ID为“status”的div中回显num的值。

首先发生的事情是用户发表帖子，我运行所有必要的查询并将用户帖子显示在称为“posts”的div中（使用while循环，因此每个帖子都在具有相同id的div中，但是div的是在一个和其他）。我希望ajax功能能够在这些“帖子”div中的每一个中工作（每个“posts”div包含两个js按钮witch - onclick - 管理ajax功能以及“状态”div）

但是每次点击其中一个按钮，让我们说在显示最底部最显眼的“帖子”div（按钮点击调用ajax/js功能），该功能在顶部“帖子”div中执行，其中第一个“状态“div是，而它应该显示在我点击按钮的最底部div。

Answer 1

编辑：对不起，我假设你正在使用jQuery。我的错。

你应该使用类而不是ID。如果你使用一个ID，jquery只会影响DOM中的第一个。每个页面只能使用一次ID。

使用类，然后引用您想要编辑的div不仅通过类名称，通过对您正在与之交互的post div的某种引用。

$('.posts .button').click(function() { 
    //do ajax stuff... 
    $(this).parent('div').find('.status').html(data); 
} 

更新代码：

// .posts should be the class of the posts div 
// .button should be the class of the button on which you are activating your ajax 
$('.posts .button').click(function() { 
    $.post('your ajax post URL', function(data) { 
     $(this).parent('div').find('.status').html(data); 
    }) 
});