jquery - 在 while 循环中使用 Jquery 加载动态数据

Question

我正在尝试将 php 文件加载到页面底部而不刷新页面，我在 while 循环内有一组链接，这些链接发布了所单击记录的特定“lead_id”。这在页面刷新时效果很好，但我想在没有页面刷新的情况下执行此操作。

我已经开始了，但是我的代码只会输出记录中的第一个“lead_id”，而不是单击的具体那个。

希望这一切都有意义，这是我的代码:

      function my_onclick()
      {
       $.post("ajax/pending-admin-details.php",
      {'lead_id': $("#input").val()},
      function(data)
      {
      $("#content").html(data);
      }

      );

      }

和 while 循环:

    while ($row = mysql_fetch_row($main_query))
    {
    $row[] = '<input type='button' id='input' value='{$row[0]}' onClick='javascript:my_onclick();'>'; /* i`m using a button to get the value of current lead_id */
    $row[] = "<a href='../ajax/pending-admin-details.php?id={$row[0]}' class='myClass_'><img src='../images/delete.png' alt='' /></a>";
    $row[] = "<a href='../ajax/pending-admin-details.php?id={$row[0]}'><img src='../images/delete.png' alt='' /></a>";
     $response['aaData'][] = $row;
    }

任何反馈都会很好，因为这已经让我纠结了 2 天。

干杯

Answer 1

问题就出在这里

$.post("ajax/pending-admin-details.php",
      {'lead_id': $("input").val()},

$("input").val() 将始终返回页面中第一个输入的值。

应该类似于下面的内容。

PHP

while ($row = mysql_fetch_row($main_query))
    {
    $row[] = '<input type='button' id='input' class='leadButton' value='{$row[0]}' >'; /* i`m using a button to get the value of current lead_id */
    $row[] = "<a href='../ajax/pending-admin-details.php?id={$row[0]}' class='myClass_'><img src='../images/delete.png' alt='' /></a>";
    $row[] = "<a href='../ajax/pending-admin-details.php?id={$row[0]}'><img src='../images/delete.png' alt='' /></a>";
     $response['aaData'][] = $row;
    }

Javascript

$(function(){
  $('input.leadButton').click(function(){
      $.post("ajax/pending-admin-details.php",
      {'lead_id': $(this).val()},
      function(data){
          $("#content").html(data);
      } );
});
});