1. 程式人生 > 其它 >laravel7 h-ui模板點改

laravel7 h-ui模板點改

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:效果圖: