tp5修改(实现即点即改)


Posted in PHP onOctober 18, 2019

效果如下所示:

tp5修改(实现即点即改)

点击修改时把想修改的变成input框

实现代码如下:根据自己实际情况修改即可。

<script type="text/javascript">
 $(document).on('click','.xiu',function(){


    old_val=$(this).html(); 
    
    // $(this).parent().html("<input type=\'text\' value="+old_val+" class='input'>");


    old_text = $('.text').html();
    var obj=$(this).parent().parent();
    var id=obj.attr('qid');//id
    var name=obj.find('.name').html();//姓名
    var img=obj.find('.img').val();//照片   
    var age=obj.find('.age').html();//年龄
    var num=obj.find('.num').html();//球队
    var text=obj.find('.text').html();//简介
    obj.find('.name').html('<input type="text" value="'+name+'" >')
    // obj.find('.img').html('<input type="file" value="'+img+'" >')
    obj.find('.age').html('<input type="text" value="'+age+'" >')
    obj.find('.num').html('<input type="text" value="'+num+'" >')
    obj.find('.text').html('<input type="text" value="'+text+'" >')
    $(this).attr('class','gai');
    $(this).html('保存');
    // var val=$(this).val(); //获取修改后的值  
    //  $.ajax({   
    //   type:'post',   
    //   url:"{:URL('/index/backstage/update')}",   
    //   data:{
    //    id:id,
    //    val:val 
    //   }, 
    //   dataType:"json",   
    //   success:function(msg){
    //   // alert(msg)   
    //     if(msg == 1){   
    //       obj.parent().html("<span class='name'>"+val+"</span>")   
    //     }else{   
    //       obj.parent().html("<span class='name'>"+old_val+"</span>")   
    //     }   
   
    //   }   
    // })   
  })   
$(document).on('click','.gai',function(){   
 var obj=$(this).parent().parent();  
    var id=obj.attr('qid'); //获取要修改内容的id
 var name=obj.find('.name').children().val();//姓名
 var age=obj.find('.age').children().val();//年龄
 var num=obj.find('.num').children().val();//球队
 var text=obj.find('.text').children().val();//简介
 // alert(name+age+num+text)
     $.ajax({   
      type:'post',   
      url:"{:url('backstage/update')}",   
      data:{
       id:id,
       name:name, 
       age:age, 
       num:num, 
       text:text, 
      },   
      success:function(e){
     obj.find('.name').html(name)
     obj.find('.age').html(age)
     obj.find('.num').html(num)
     obj.find('.text').html(text)
      }   
    })
     $(this).attr('class','xiu');
    $(this).html('修改');  
 })

</script>

控制器里写:

//修改
  public function update()
  {  
   // echo 1111;die;
 


    $id=$_POST['id'];
    $data=$_POST;
    // $name=$_POST['name'];   
    // $age=$_POST['age'];   
    // $num=$_POST['num'];   
    // $text=$_POST['text'];
    
    $res=Db('qname')->where('id', $id)->update($data);
    if ($res) {
     echo "11111";
    }


  }

以上这篇tp5修改(实现即点即改)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php横向重复区域显示二法
Sep 25 PHP
php 分页函数multi() discuz
Jun 21 PHP
PHP 事件机制(2)
Mar 23 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
May 07 PHP
Linux编译升级php的详细方法
Nov 04 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
Oct 30 PHP
php获取汉字拼音首字母的方法
Oct 21 PHP
PHP实现原比例生成缩略图的方法
Feb 03 PHP
PHP多维数组指定多字段排序的示例代码
May 16 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
Jun 20 PHP
Laravel使用模型实现like模糊查询的例子
Oct 24 PHP
php计数排序算法的实现代码(附四个实例代码)
Mar 31 PHP
在TP5数据库中四个字段实现无限分类的示例
Oct 18 #PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
Oct 18 #PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
Oct 18 #PHP
tp5.1 实现setInc字段自动加1
Oct 18 #PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
Oct 18 #PHP
thinkphp5 模型实例化获得数据对象的教程
Oct 18 #PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
Oct 18 #PHP
You might like
在数据量大(超过10万)的情况下
2007/01/15 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
jscript之List Excel Color Values
2007/06/13 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
Vue安装浏览器开发工具的步骤详解
2019/05/12 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
深入理解 JS 垃圾回收
2019/06/03 Javascript
ES6 Promise对象概念及用法实例详解
2019/10/15 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现Linux下守护进程的编写方法
2014/08/22 Python
Python引用模块和查找模块路径
2016/03/17 Python
python自动裁剪图像代码分享
2017/11/25 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
银行实习生的自我评价
2013/12/09 职场文书
运动会加油口号
2014/06/07 职场文书
2014年食堂工作总结
2014/11/20 职场文书
创业计划书之废品回收
2019/09/26 职场文书