没有表单的jQuery ajax post参数

时间:2014-03-18 10:17:38

标签: jquery delete-row

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

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相同的方式。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

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

});