从 php-foreach-loop 到 ajax 获取数据 - Get data from php-foreach-loop to ajax

Get data from php-foreach-loop to ajax

我已经搜索了很长时间来寻找这个问题的解决方案，但找不到。

我从数据库中获取数据以显示我的网站上的一些项目。对于每个项目，我可以单击笔符号来编辑项目名称。我想发送每个 ajax 请求的日期，但总是获取第一个项目的数据。例如，如果我尝试编辑第二个项目"test"的名称，我会得到第一个项目"blubb"的数据

我尝试过的：- 使用的类不是 id 的使用表单从 PHP foreach 调用 Ajax 函数- 二手$this从 PHP foreach 循环中获取 Ajax 变量

我的代码看起来像这样（简化）：

< script type = "text/javascript" >
  $(document).ready(function() {
    $(".submit").click(function() {
//here are the problems, i only get the value of the first project
      var new_project_name = $('.new_project_name').val(); 
      var old_project_name = $('.old_project_name').val();
      $.ajax({
        type: "POST",
        url: "php/edit/edit.php",
        data: {
          old_project_name: old_project_name,
          new_project_name: new_project_name,
          name: name
        },
      }).
      done(function(response) {
        blabla
      });
    });
  }); < /script>

<?php foreach($db->query('SELECT * FROM portfolio ORDER BY position, id desc') as $row) { $name = $row['name']; ?>
<div class="rename">
  <table width="400" border="0" cellspacing="1" cellpadding="2">
    <tr>
      <td>Projektname:</td>
    </tr>
    <tr>
      <td>
        <input type="text" class="new_project_name" value="<?php echo $name;?>">
      </td>
      <input type="text" class="old_project_name" value="<?php echo $name;?>" hidden>
    </tr>
    <tr>
      <td>
        <input class="submit" type="submit" value="Umbenennen">
      </td>
    </tr>
  </table>
</div>
<?php } ?>

感谢您的任何帮助。

您可以将项目的ID传递给Ajax并更新新值。为此，您只需要传递元素的 id。

.HTML

  <input type="text" class="new_project_name" value="<?php echo $name;?>" rel="<?php echo $id; ?>">

jQuery

 $(document).ready(function() {
    $(".submit").click(function() {
      var parentObj = $(this).closest('.rename');
      var id = parentObj.find(' .new_project_name').attr('rel');
      var project_name = parentObj.find(' .new_project_name').val();

      $.ajax({
        type: "POST",
        url: "php/edit/edit.php",
        data: {
          project_name : project_name ,
          id:id
        },
      }).
      done(function(response) {
        blabla
      });
    });
  });

查看小提琴并检查控制台

http://jsfiddle.net/hoja/2caukhvo/11/