Ajax 发送到 php 然后在 div 中回显

Question

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

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

但是，每次我单击其中一个按钮时，假设在显示的最底部最可见的“帖子”div 中（单击的按钮调用 ajax/js 函数），该函数在最顶部的“帖子”div 中执行第一个“状态” div 应该显示在我单击按钮的最底部 div 中。

Answer 1

编辑：对不起，我假设您使用的是 jQuery。我的错。

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

使用类，然后引用您要编辑的 div，不仅通过类名，还通过对您正在与之交互的帖子 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);
    })
});