tp5实现在线编辑html文档,tp5中如何实现修改功能

tp5中如何实现修改功能

发布时间：2021-06-06 09:39:47

来源：亿速云

阅读：64

作者：小新

小编给大家分享一下tp5中如何实现修改功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

效果如下所示：

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

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

$(document).on('click','.xiu',function(){

old_val=$(this).html();

// $(this).parent().html("");

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('')

// obj.find('.img').html('')

obj.find('.age').html('')

obj.find('.num').html('')

obj.find('.text').html('')

$(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(""+val+"")

//     }else{

//       obj.parent().html(""+old_val+"")

//     }

//   }

// })

})

$(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('修改');

})

控制器里写：//修改

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中如何实现修改功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！