javascript - 获取按钮 id，发布到外部 php 文件并将外部文件加载到包含更新内容的 div 中

Question

我对 php、javascript、mysqli 总体来说都是新手，而且我对这个论坛也是新手。

我正在建立一个网站。在此站点上，我在页面上有由于 php while 循环而生成的按钮，如下面的代码所示。由于循环的结果，每个都有自己的 id，如下所示:

while ($row = mysqli_fetch_assoc($run_c)){

  $memberid = $row['ID'];
  $convoid = $row['c_id'];

  echo"
 <button class='convoid' onClick='getconvo($convoid);'>Open</button>
 ";
}

我真正想要实现的是:当我单击任何按钮时，从变量 $convoid 中检测到特定的 id VALUE，然后将该 VALUE 发送到外部 php 文件。外部文件收到 id VALUE 后，将加载到 div 中，如下面的代码所示，但这并没有发生。到目前为止，这就是我所做的:

<div class='log'></div>

<script type='text/javascript'>
function getconvo(id){ 
id = id; 
$.ajax({ 
data: 'id=' + id,
url: 'fetch_convo.php', 
method: 'POST', // or GET 
success: function(data) { 
$(".log").load(fetch_convo.php);
}

});

}
</script>

我什至在这里放置了单独的加载函数，但仍然没有

<script type="text/javascript">
  $(document).ready(function(){
  $('.log').load('fetch_convo.php');
 });

</script>

更糟糕的是，外部文件是一个 php 文件。根据通过 ajax 传递到文件的 id VALUE 从 mysqli 查询中获取结果。我已经在 php 文件中回显了结果，以便可以在我希望文件加载到的 div 中显示某种数据。

while 循环和外部文件正在工作(我通过手动输入 id 进行测试)，但是如何将 id VALUE 发布到外部文件，然后将该外部文件的结果加载到基于 div 中在 id 值上。

任何帮助都会非常感激。请记住，我是新人并且我正在尝试...

Answer 1

当您执行 POST 请求时，控制台中是否显示任何错误？请求是否成功到达服务器端？好像您做了两个请求，但您真正想要的只是一次。当您在成功回调中执行 .load() 时，它永远不会发布数据 ID。不管怎样，你可以尝试下面的代码。

首先，最好将 ID 放入数据属性中，如下所示，并注意到我们有一个类名 convoid(我们需要这个):

echo" <button class='convoid' data-id='$convoid'>Open</button>";

然后我们将点击处理程序注册到类名convoid，如下所示:

// document ready
$( function () {
   // register click handler
   // this will attach to all elements with `convoid` class's name
   $(document).on('click', '.convoid', function () {

      var convoid = $( this ).data('id'); // get the ID from data-attribute

      // do post request using .load()
      // noticed that, we send together data during request
      $('.log').load('fetch_convo.php', {id : convoid}, function () {
           // do something when success
      });
   });
});