ajax无刷新删除

简介: ajax无刷新删除

author:咔咔


wechat:fangkangfk


总结:其实就是点击删除的时候,直接将父级移除就可以了


//js代码
$('.coupondelete').click(function(){
    var that = $(this);
    if(confirm('您确定要删除')) {
        var data = {'id':that.data('id')}
        $.ajax({
            url:"{:U('/addon/WeiuidDeit/web/foodcouponDelect')}",
            type:'POST',
            data:data,
            dataType:'json',
            success:function(data){ 
                data = JSON.parse(data);
                if(data.error == 200){
                    //直接移除父级的标签
                    that.parents('tr').remove();
                }
                alert(data.msg);
            },
            error:function(){alert('删除出错')}
        })
    }
})


后台控制器


// 优惠卷删除
  public function foodcouponDelect()
  {
  $id = $_POST['id'];
  if (M('foodcoupon')->delete($id)) {
    $code['msg'] = '删除成功';
    $code['error'] = '200';
  } else {
    $code['msg'] = '删除失败';
    $code['error'] = '400';
  }
  $this->ajaxReturn(json_encode($code));
  }


相关文章
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
87 0
|
6月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
149 0
|
6月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
前端开发 JavaScript
jQuery中的Ajax请求----ajax请求篇(二)
在jQuery中的Ajax请求其实是在底层对原生js请求方式的封装,那么jQuery中的Ajax请求是怎样的呢?
65 0
|
6月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
57 0
|
6月前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
78 0
|
6月前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
6月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
90 0
|
6月前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
6月前
|
XML 缓存 JavaScript
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
jQuery 第十章(jQuery AJAX以及jQuery和其他框架兼容)
50 0