php - 通过jquery.ajax更改特定的html表格行

Question

我有一个由 PHP 从 MySQL 表查询生成的 HTML 表。

<table>
   <tr>
      <th>Sl</th>
      <th>ID</th>
      <th>Article Name</th>
      <th>Publish Status</th>
   </tr>
   <?php
      $i = 1;
      foreach ($obj->showAllFromTable('pattern') as $pattern) {
      extract($pattern);
      ?>
   <tr>
      <td><?php echo $i++; ?></td>
      <td><?php echo $id; ?></td>
      <td><?php echo $pattern_name; ?></td>
      <td id="publish_<?php echo $id; ?>" class="status_pattern">
         <?php echo $publish; ?>
      </td>
   </tr>
   <?php
      }           
      ?>
</table>

我想通过单击相应文章行的“发布”单元格来更改任何文章的状态。我正在尝试使用 jquery 的 ajax 方法来实现此目的，如下所示:

<script type="text/javascript">
$(document).ready(function(){   
$('.status_pattern').click(function(){
    var thisid = $(this).attr('id');

    $.ajax({
        url: "status_change_pattern.php",
        data: {
            id: thisid
        },
        success: function (response) {
            alert(response);
        }
    });
});
});
</script>

在“成功” block 中，我想创建一个功能来更改我单击的特定单元格的文本，而不是“警报”。 “status_change_pattern.php”只有一个文本“Hey Hey”。有人可以帮忙吗？请。谢谢。

Answer 1

您必须使用closure来保留id。

<script type="text/javascript">
$(document).ready(function(){   
    $('.status_pattern').click(function(){
        var thisid = $(this).attr('id');

        $.ajax({
            url: "status_change_pattern.php",
            data: {
                id: thisid
            },
            success: function (id) {
                return function (response) {
                    $("#" + id).html(response);
                }
            }(thisid)
        });
    });
});
</script>