laravel7 h-ui模板点改
2024-09-03 18:42:11
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:效果图:
最新文章
- 软件开发学习笔记 <;一>; UML
- pfsense 企业应用实例
- Yii2.0中文开发向导——Where条件查询全解析
- 使用Markdown+Pandoc+LaTex+Beamer制作幻灯片
- Java for LeetCode 026 Remove Duplicates from Sorted Array
- 通用窗口类 Inventory Pro 2.1.2 Demo1(中)
- FloatingActionButton的一点学习感悟
- 本地主机作服务器解决AJAX跨域请求访问数据的方法
- Extjs4新特性
- js_4_函数
- SOFA 源码分析— 事件总线
- MyBatis源码解析(二)——Environment环境
- 26.QT-模型视图之自定义委托
- 脱产班第五次大作业-FTP服务器
- The problems when using a new ubuntu 18.04
- rtsp简介
- app-framework学习--官网地址及demo下载地址
- Ant编译android程序
- React Native布局
- 5 -- Hibernate的基本用法 --2 Hibernate入门
热门文章
- idea的jar文件,“java.lang.SecurityException: Invalid signature file digest for Manifest main attribute
- WordPress子模板继承
- Haproxy配合Nginx搭建Web集群部署
- Python编程知识
- 使用 Sa-Token 解决 WebSocket 握手身份认证
- 「学习笔记」递推 &; 递归
- 人工智能——CNN卷积神经网络项目之猫狗分类
- Solution -「AT 3913」XOR Tree
- Solution -「UOJ #87」mx 的仙人掌
- Solution -「CF 555E」Case of Computer Network