这期内容当中小编将会给大家带来有关使用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)输入我们需要修改的数据,如下图:
, 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框架怎么实现一个即点即改功能