ajax即点即改

1.什么是ajax？

AJAX是一种客户端Web开发技术，用于生成交互式Web应用程序。AJAX是一种开发应用程序的方法，它结合了一些功能，使用JavaScript将它们组合在一起。

  AJAX 是技术的组合，而不是单一的技术。HTML 和 CSS 标记并设置信息样式，然后通常使用 JavaScript 访问跨平台和对象交互语言。JavaScript 依次动态显示信息，允许用户与之交互。此过程在浏览器和服务器之间异步交换数据。

2.代码操作

表单页面

<td class="fou" ztai="{$val['state']}" sid="{$val['id']}">
                    {if $val['state']==0}
                        <span style="color: red">×</span>
                    {else/}
                        <span style="color: red">√</span>
                    {/if}
                </td>

js

//即点即改
    $('.fou').click(function(){
        var ztai = $(this).attr('ztai');
        var sid = $(this).attr('sid');
        var that = $(this);
        $.ajax({
            url:'dian',
            data:{ztai:ztai,sid:sid},
            success:function(res){
                if (ztai==0){
                    that.html("<span style='color: red'>√</span>")
                }else{
                    that.html("<span style='color: red'>×</span>")
                }
            }
    })
})

控制器

 //即点即改
    public function dian(){
        $ztai = $this->request->param('ztai');
        $sid = $this->request->param('sid');
        $obj = new User();
        $obj->dian($ztai,$sid);
    }

模型

//即点即改
    public function dian($ztai,$sid){
        if ($ztai==1){
            return self::where('id',$sid)
                ->save(['state'=>0]);
        }else{
            return self::where('id',$sid)
                ->save(['state'=>1]);
        }
    }