загрузка динамических данных с использованием Jquery в цикле while

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

проблема в том, что у вас есть много элементов, которые id = "input" идентификатор должен быть уникальным я бы вызвал my_onclick со значением param - my_onclick (this.value) и использовал бы его непосредственно в почтовом запросе

Answer 2

Проблема заключается здесь

$.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);
      } );
});
});