效果如下所示:

点击修改时把想修改的变成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修改(实现即点即改)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持Devmax。

tp5修改(实现即点即改)的更多相关文章

  1. vue3.0如何修改浏览器标题(静态)

    这篇文章主要介绍了vue3.0如何修改浏览器标题(静态),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  2. TP5(thinkPHP5)框架mongodb扩展安装及特殊操作示例

    这篇文章主要介绍了TP5(thinkPHP5)框架mongodb扩展安装及特殊操作,结合实例形式分析了MongoDB扩展的基本安装、配置、模型操作以及使用Push操作实现的数据添加、更新等方法,需要的朋友可以参考下

  3. ThinkPHP5 通过ajax插入图片并实时显示(完整代码)

    这篇文章主要介绍了ThinkPHP5 通过ajax插入图片并实时显示功能,本文给大家分享网站代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  4. WHOIS类的修改版

    比如,YAHOO在whois.networksolutions.com上有更详细的信息。classwhois{var$use_cache=1;var$FROM_CACHE=0;var$cache_dir="./";//根据你的系统自己设置var$port=43;var$MAXLEN=100;//如果你想在连接失败后自动重试,//设置重试次数$MAX_RETRIESvar$MAX_RETRIES=0;var$SLEEP_VAL=1;var$RETRY=0;var$FOUND=0;//查询没有结果,次值为0v

  5. tp5框架内使用tp3.2分页的方法分析

    这篇文章主要介绍了tp5框架内使用tp3.2分页的方法,结合实例形式分析了thinkPHP5框架使用thinkPHP3.2版本中分页的具体操作步骤与相关实现技巧,需要的朋友可以参考下

  6. TP5框架简单登录功能实现方法示例

    这篇文章主要介绍了TP5框架简单登录功能实现方法,结合实例形式分析了thinkPHP5框架登录功能控制器、视图、登录验证等相关操作技巧,需要的朋友可以参考下

  7. Python实现批量修改xml文件的脚本

    这篇文章主要为大家详细介绍了如何通过Python实现批量修改xml文件功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下

  8. 15个小时----从修改程序到自己些程序

    很多朋友对于php的认识,长期停留在修改别人的程序上,因为可以修改所以懒惰于进步.或者是买来书看的时候,发现php的函数超级无敌多,看到函数库被吓晕了.等等.我自己是属于后者.本文是专门对于针对懒的花时间学习php,但是又想自己做点东西的懒人。

  9. tp5修改(实现即点即改)

    今天小编就为大家分享一篇tp5修改(实现即点即改),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  10. 详解如何修改 node_modules 里的文件

    这篇文章主要介绍了详解如何修改node_modules里的文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

随机推荐

  1. PHP个人网站架设连环讲(一)

    先下一个OmnihttpdProffesinalV2.06,装上就有PHP4beta3可以用了。PHP4给我们带来一个简单的方法,就是使用SESSION(会话)级变量。但是如果不是PHP4又该怎么办?我们可以假设某人在15分钟以内对你的网页的请求都不属于一个新的人次,这样你可以做个计数的过程存在INC里,在每一个页面引用,访客第一次进入时将访问时间送到cookie里。以后每个页面被访问时都检查cookie上次访问时间值。

  2. PHP函数学习之PHP函数点评

    PHP函数使用说明,应用举例,精简点评,希望对您学习php有所帮助

  3. ecshop2.7.3 在php5.4下的各种错误问题处理

    将方法内的函数,分拆为2个部分。这个和gd库没有一点关系,是ecshop程序的问题。会出现这种问题,不外乎就是当前会员的session或者程序对cookie的处理存在漏洞。进过本地测试,includes\modules\integrates\ecshop.php这个整合自身会员的类中没有重写integrate.php中的check_cookie()方法导致,验证cookie时返回的username为空,丢失了登录状态,在ecshop.php中重写了此方法就可以了。把他加到ecshop.php的最后面去就可

  4. NT IIS下用ODBC连接数据库

    $connection=intodbc_connect建立数据库连接,$query_string="查询记录的条件"如:$query_string="select*fromtable"用$cur=intodbc_exec检索数据库,将记录集放入$cur变量中。再用while{$var1=odbc_result;$var2=odbc_result;...}读取odbc_exec()返回的数据集$cur。最后是odbc_close关闭数据库的连接。odbc_result()函数是取当前记录的指定字段值。

  5. PHP使用JpGraph绘制折线图操作示例【附源码下载】

    这篇文章主要介绍了PHP使用JpGraph绘制折线图操作,结合实例形式分析了php使用JpGraph的相关操作技巧与注意事项,并附带源码供读者下载参考,需要的朋友可以参考下

  6. zen_cart实现支付前生成订单的方法

    这篇文章主要介绍了zen_cart实现支付前生成订单的方法,结合实例形式详细分析了zen_cart支付前生成订单的具体步骤与相关实现技巧,需要的朋友可以参考下

  7. Thinkphp5框架实现获取数据库数据到视图的方法

    这篇文章主要介绍了Thinkphp5框架实现获取数据库数据到视图的方法,涉及thinkPHP5数据库配置、读取、模型操作及视图调用相关操作技巧,需要的朋友可以参考下

  8. PHP+jquery+CSS制作头像登录窗(仿QQ登陆)

    本篇文章介绍了PHP结合jQ和CSS制作头像登录窗(仿QQ登陆),实现了类似QQ的登陆界面,很有参考价值,有需要的朋友可以了解一下。

  9. 基于win2003虚拟机中apache服务器的访问

    下面小编就为大家带来一篇基于win2003虚拟机中apache服务器的访问。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. Yii2中组件的注册与创建方法

    这篇文章主要介绍了Yii2之组件的注册与创建的实现方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

返回
顶部