jQuery之ajax删除详解

时间：2016.04.20 发布人：xiaojinbin6

已解决问题

谷歌xiaojinbin6用户在2016.04.20提交了关于“千灯古镇jQuery之ajax删除详解”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T09:16:32。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，滴水之恩,来日我当涌泉相报！

希望以下的回答，能够帮助你。

第1个回答

用户名：jnbdf120 时间：20来自

首先看html界面的代码：

<ahref="j**方段ascript:;"onclick="delete_order('<?phpecho$item[order_id];?>')"><imgsrc="images/admin/del步杆ete-icon.png"border="0"/></a>这个一个图片链接，表示删除。它并不跳转到某个界面，而是点击时出发click事件。

click事件执行delete_order()方法。这个方法中传递了一个参数，订**。通过这个参数，可以去执行相应的删除操作。

下面jQuer贵y代码:
复制代码代码如下:
<script>
functiondelete_order(order_id){
c听针行齐错onfirm_=权重路析confirm('Thisactionwilldeletecurrentorder!Areyousure?');
if(conf自凯呼晚根夫技知导妈参irm_){
$.ajax({
type:"POST",
url:'index.ph卫艺化督求袁移层身酸背p/admin/order/del/'+or爱der_id,
success:function(msg){
//alert("testorder");
//alldeleteissucces杨振杆沙s,thiscanbeexecute
$("#tr_"+order_i今手海刚台歌情存械克烧d).remove();
}
});
}
};
</script>

首先出发一个提示框，确认删除吗？

如果确认的话，执行ajax操作。

在jQuery中，有一个$.ajax()的方法。

这里有三个参数，一个是类型之论称达载致，这里面用的是POST，

第二个是地址，这个很关键，它负责将**，传送到后台服务器去执行。

第三个参数是一个回调函数，如果执行删除成功，就会执行的操作。这个时候，就可以执行一些动作，比如将这条已删除的记录，移除。结合的是下面的这行代码。为没条贵易屋而的顺记录，赋予一个动态的id，作为删除时使用的依据。这里要注意的是，必须后台执行的所有都成功之后，才会执行这个回调函试棉数。

<trid="tr_<?phpecho$item['order_id'];?>"></tr>

下面的是后台执行的代码
复制代码代码如下:
functiondel(){
$order_id=$this->uri->segment(4);
if($o些并选晚日树rder_id>0){
$this->db->delete('billing',array('order_id'=>$orde五准践乐吧兵买岩包场r_id));
$this->db->delete('shipping_address',array('order_id'=>$order_id));
$粉this->db久呼->delete('order_pro**cts',array('order_id'=>$order_id));
$this->db->delete('comments',array('order_id'=>$order_id));
}
$this->db->delete($this->tbname,array('id'=>$order_id));
}

这个后台控制器中的一个方法，通过$this->uri->segment();方法获取参数，将参数赋值给变量order_id。

然后，就可以在后台执行相应的删除操作了。如果删除都成功的话，就会有一个默认的信息传递给success方法。

今天遇到的success方法执行不成功的原因，就是因为有一个删除操作执行不成功，那个隐藏的信息传递不到success方法。为什么不成功呢？因为$this->db->delete('shipping_address',array('order_id'=>$order_id));与**库中的表名不对应，大概是被别人修改了。

后来修正之后，success方法成功执行。

这是一个简单的ajax实例。可以简单的说明ajax的作用。不需要刷新界面，直接偷偷的去后台进行操作即可，操作成功后，还可以执行相应的动作，通过jQuery来完成