TP6 ajax即点即改

1、Html 中为属性赋值

 <td class="states" id="{$v.id}" >
                                  {$v.top_name}
                         </td>

class 用来进行设置点击事件，id 用来取当前点击内容的 id 值

2、使用 JS 设置点击事件并且接收 id 值

//即点即改
    $(".states").click(function () {
          var _this=$(this);
          var id =_this.prop('id');
         
    })

3、ajax

$.ajax({
             url:""+id,
              type: 'get',
              dataType: 'json',
             success:function (res) {
                 if(res.code==200){
                     _this.text(res.data);
                 }  _this.text(res.data);
             }
          });

4、控制器

 public function top(Request $request){
        try {
           $id=$request->param('id');
            #业务逻辑层
            $res=\app\api\business\Books::topstate($id);
            if($res){
                return success(200,'切换成功','否');
            }else{
                return success(400,'切换成功','是');
            }
        }catch (Exception $exception){
            return fail(2001,$exception->getMessage(),'');
        }
    }

5、模型层

#切换状态
    public static function topstate($id){
           $obj=\app\api\model\Books::find($id);
           if($obj->is_top_id=='1'){
                $obj->save([
                   'is_top_id'=>'2'
               ]);
               return true;
           }else {
             $obj->save([
                   'is_top_id' => '1'
               ]);
             return false;
           }

    }

6、路由

# 切换指定状态
Route::get('topstate/:id','Book/top');