使用Laravel框架怎么实现一个即点即改功能

  介绍

这期内容当中小编将会给大家带来有关使用Laravel框架怎么实现一个即点即改功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

1)首先引入jquery文件

& lt; script  https://www.yisu.com/zixun/src="{{资产(“跟随”)}}/js/jquery.min.js”>

2)点击事件:当我们点击时,跨度标签内容设置为空值,输入标签出现

 function  saveuser (id) {
  ,,,. getelementbyid (& # 39; aaa # 39; + id) .style.display=& # 39;块# 39;;//显示输入
  ,,,. getelementbyid (& # 39; bbb # 39; + id) .innerHTML=啊?//跨度标签的值设置为空
  以前,,} 

3)输入我们需要修改的数据,如下图:
使用Laravel框架怎么实现一个即点即改功能“> <br/> </p> <p> 4)要修改的数据写完之后,就到了最关键的时候,怎样进行修改吗?<br/> </p> <p>通过上面,可以看到输入有一个失去焦点事件,因此我在这个事件里进行ajax请求</p> <pre类=, function  edituser (id) {   ,,var  username =, . getelementbyid (& # 39; aaa # 39; + id) value;//获取文本框的值   . ajax({美元才能   ,,,类型:& # 39;得到# 39;//请求方式   ,,,数据:{& # 39;id # 39;: id、& # 39;用户名# 39;:用户名},//传递参数   ,,,url:“{{url (& # 39; edituser& # 39;)}}“,//地址   ,,,(e){//成功:函数回调   ,,,,,如果(e==1) {   ,,,,,,,. getelementbyid (& # 39; aaa # 39; + id) .style.display =, & # 39;没有# 39;;//如果修改成功,输入隐藏   ,,,,,,,. getelementbyid (& # 39; bbb # 39; + id) .innerHTML =,用户名;//修改成功,将表里修改后的数据赋值给跨度标签   ,,,,,其他}{   ,,,,,,,警报(& # 39;修改失败& # 39;);   ,,,,,,,window.location.reload ();   ,,,,,}   ,,,}   ,,   })才能   以前,}

5)通过ajax传递的参数,进行数据查询和修改:
首先我们在控制器接收:

, public  function  edituser () {      arr 美元;=,才能输入:获得();//接收ajax传递的参数      时间=美元才能result  BlueShop: useredit (arr);//调用模型,并将接收到的,id 和要修改的数据赋给模型      如果才能(结果){   ,,,status 美元;=,1;   还有,,,}{   ,,,status 美元;=,2;   ,,,}   ,,,return 地位;美元//将结果返回给展示页面   以前,,}

然后我们在模型进行我们的逻辑代码部分

//美元arr数组,arr美元[& # 39;id # 39;],用户id 美元arr[& # 39;用户名# 39;]要修改的用户名   public  static  function  useredit (arr) {      ,,,res 美元;=,DB:表(& # 39;jy_user& # 39;)→地方(& # 39;id # 39;, arr美元[& # 39;id # 39;])→更新(arr);//通过id修改      ,,,return  res美元;//返回结果   以前,,}

6)此时我们可以看的到,页面已经修改
使用Laravel框架怎么实现一个即点即改功能“> <br/>而数据表中的数据也进行了更新<br/> <img src=

使用Laravel框架怎么实现一个即点即改功能