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:效果图:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现