[JavaScript知识库]ajax无刷新删除

1.Ajax的工作原理

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

2.代码操作

表单页面

<a href=""><button type="button" class="del" did="{$val['id']}">删除</button></a>

js

 //删除
    $('.del').click(function(){
        var id = $(this).attr('did');
        $.ajax({
            url:'del',
            data:{id:id},
            success:function (res) {
                if (res.code==200){
                    that.parents('tr').remove();
                }
            }
        })
    })

控制器

//删除
    public function del(){
        $id = $this->request->param('id');
        $obj = new User();
        $delres = $obj->del($id);
        if (empty($delres)){
            return json(['code'=>200]);
        }
    }

模型

//删除
    public function del($id){
        return self::destroy($id,true);
    }