Question

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

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

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

Answer 1

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

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

使用类，然后通过对您正在与之交互的post 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);
    })
});

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

1 个答案: