时间:2021-05-26
首先看html界面的代码:
<a href="javascript:;" onclick="delete_order('<?php echo $item[order_id]; ?>')"><img src="images/admin/delete-icon.png" border="0" /></a>这个一个图片链接,表示删除。它并不跳转到某个界面,而是点击时出发click事件。
click事件执行delete_order()方法。这个方法中传递了一个参数,订单号。通过这个参数,可以去执行相应的删除操作。
下面jQuery代码:
复制代码 代码如下:
<script>
function delete_order(order_id){
confirm_ = confirm('This action will delete current order! Are you sure?');
if(confirm_){
$.ajax({
type:"POST",
url:'index.php/admin/order/del/'+order_id,
success:function(msg){
//alert("test order");
//all delete is success,this can be execute
$("#tr_"+order_id).remove();
}
});
}
};
</script>
首先出发一个提示框,确认删除吗?
如果确认的话,执行ajax操作。
在jQuery中,有一个$.ajax()的方法。
这里有三个参数,一个是类型,这里面用的是POST,
第二个是地址,这个很关键,它负责将数据,传送到后台服务器去执行。
第三个参数是一个回调函数,如果执行删除成功,就会执行的操作。这个时候,就可以执行一些动作,比如将这条已删除的记录,移除。结合的是下面的这行代码。为没条记录,赋予一个动态的id,作为删除时使用的依据。这里要注意的是,必须后台执行的所有都成功之后,才会执行这个回调函数。
<tr id="tr_<?php echo $item['order_id']; ?>"></tr>
下面的是后台执行的代码
复制代码 代码如下:
function del() {
$order_id = $this->uri->segment(4);
if ($order_id > 0) {
$this->db->delete('billing', array('order_id' => $order_id));
$this->db->delete('shipping_address', array('order_id' => $order_id));
$this->db->delete('order_products', 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来完成
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如下:1:非Ajax前台:对应后台:2:JQuery之Ajax在介绍使用JQuery提交表单前,我们需要首先引用jquery.form.js,它来自于http:
今天遇到了一个很都疼的问题。在一个函数中调用了JQuery的异步函数$.ajax,然后在$.ajax函数外之后又有一段Jquery代码。每次都是在$.ajax之
详解闭包解决jQuery中AJAX的外部变量问题在AJAX中,我们经常都要使用外部变量,经常会多次使用,如下代码functiongetCarInfo(){for
本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考,具体如下:一、jQuery.Form.js插件的作用是实现Ajax提交表
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。要求使用jquery1.4或以上版本,flashpl