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

 

posted @   王越666  阅读(39)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示