删除行- jQuery ajax post参数没有形式

Question

我有一个从数据库中获取项目循环的列表，每个项目都有一个删除链接，我的问题是如何在没有ajax的<form>的情况下删除它们?我如何张贴每个list_id请求删除使用jQuery?

while($row = $user_lists->fetch_object()){

echo '<tr>
        <td>
            <p class="tb"><b>'.$row->name.'</b></p>
            <p class="tb">'.$row->area.'</p>
            <p class="tb">'.$row->agent_name.'</p>
            <p class="tb">'.date('d-M', strtotime($row->date_created)).'</p>
        </td>
        <td class="middle">
            <a class="btn btn-xs btn-primary" href="?edit='.$row->list_id.'">Edit</span></a>
            <a class="btn btn-xs btn-danger" id="btn_remove" href="#">Remove</a>                
        </td>
     </tr>';
}

我知道我可以用和Edit一样的方法。

Answer 1

你可以这样做:

<a class="btn btn-xs btn-danger" id="btn_remove" href="#">Remove</a>  

改为

<a class="btn btn-xs btn-danger btn_remove" href="#" data-id="'. $row->list_id .'">Remove</a>

现在写入一个点击事件到btn-remove:

$('.btn_remove').on('click', function() {
  var id = $(this).data('id');  // get the `id` from data property
  // send a ajax request
  $.ajax({
     url: '',
     data: { id: id },
     ......
  });
});