laravel7 h-ui模板點改
阿新 • • 發佈:2021-11-22
1:html頁面
<td> @if($item->fang_status == 0) <span onclick="changeFangStatus(this,{{$item->id}},1)" class="label label-success radius" style="cursor: pointer">未租</span> @else<span onclick="changeFangStatus(this,{{$item->id}},0)" class="label label-default radius" style="cursor: pointer">已租</span> @endif </td>
script程式碼:
// 生成一個token crsf const _token = "{{ csrf_token() }}"; // 實現改變房源狀態點選事件 function changeFangStatus(obj,id,status) {// 請求的URL地址 let url = "{{url('fang/changestatus')}}"; $.get(url, { id:id, status:status, _token:_token }).then(ret=>{ if(ret.code == 200){ $(obj).removeClass('label-default').addClass('label-success').html('未租'); }else{ $(obj).removeClass('label-success').addClass('label-default').html('已租'); } }) }
3:定義路由:
// 點改 Route::get('changestatus','FangController@changestatus');
4:控制器程式碼:
public function changestatus(Request $request){ ///接受id $id=$request->get('id'); /// 接受status 狀態 $status=$request->get('status'); /// sql $res=Fang::where('id',$id)->update(['fang_status'=>$status]); //返回ajax結果 if ($res!=false){ return ['code'=>200,'meg'=>'修改成功','data'=>'']; }else{ return ['code'=>500,'meg'=>'修改失敗','data'=>'']; } }
5:模型程式碼:
<?php namespace App\models; use Illuminate\Database\Eloquent\Model; class Fang extends Model { // protected $table='fangs'; }
7:效果圖: