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

最新文章

  1. 软件开发学习笔记 &lt;一&gt; UML
  2. pfsense 企业应用实例
  3. Yii2.0中文开发向导——Where条件查询全解析
  4. 使用Markdown+Pandoc+LaTex+Beamer制作幻灯片
  5. Java for LeetCode 026 Remove Duplicates from Sorted Array
  6. 通用窗口类 Inventory Pro 2.1.2 Demo1(中)
  7. FloatingActionButton的一点学习感悟
  8. 本地主机作服务器解决AJAX跨域请求访问数据的方法
  9. Extjs4新特性
  10. js_4_函数
  11. SOFA 源码分析— 事件总线
  12. MyBatis源码解析(二)——Environment环境
  13. 26.QT-模型视图之自定义委托
  14. 脱产班第五次大作业-FTP服务器
  15. The problems when using a new ubuntu 18.04
  16. rtsp简介
  17. app-framework学习--官网地址及demo下载地址
  18. Ant编译android程序
  19. React Native布局
  20. 5 -- Hibernate的基本用法 --2 Hibernate入门

热门文章

  1. idea的jar文件,“java.lang.SecurityException: Invalid signature file digest for Manifest main attribute
  2. WordPress子模板继承
  3. Haproxy配合Nginx搭建Web集群部署
  4. Python编程知识
  5. 使用 Sa-Token 解决 WebSocket 握手身份认证
  6. 「学习笔记」递推 &amp; 递归
  7. 人工智能——CNN卷积神经网络项目之猫狗分类
  8. Solution -「AT 3913」XOR Tree
  9. Solution -「UOJ #87」mx 的仙人掌
  10. Solution -「CF 555E」Case of Computer Network