ajax即点即改

{if $val.state==0}
    <td><span class="btn" id="{$val.id}">×</span></td>
{else/}
<td><span class="btn" id="{$val.id}">√</span></td>
{/if}

<script>
    $('.btn').click(function (){
        var _this=$(this);
        var id=$(this).attr('id');
        $.ajax({
            url:"clickGoods",
            type:'get',
            data:{id:id},
            dataType:'json',
            success:function(e){
                // console.log(e);
                if(e.code==200){
                    if(_this.html()=='×'){
                        _this.html('√');
                    }else{
                        _this.html('×');
                    }
                }
                if(e.code==400){
                   alert('修改失败')
                }
            }});
    })
</script>

//    即点即改
public function clickGoods(Request $request){
     $id=$request->get('id');
//     dd($id);
    $obj=new \app\model\Index();
    $res=$obj->clickGoods($id);
    if($res){
        return json([
            'code'=>200
        ]);
    }else{
        return json([
            'code'=>400
        ]);
    }
}

//即点即改

function click($id)
{
    $data = $this->find($id);
    if ($data['state'] == '0') {
        $data['state'] = '1';
    } else {
        $data['state'] = '0';
    }
    return $data->save();
}