分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

ajax 修改

发布时间:2023-09-06 01:48责任编辑:顾先生关键词:暂无标签

                  AJAX 修改还原

  <tbody role="alert" aria-live="polite" aria-relevant="all">  
                    <tr class="odd">
                        <td class="">{$row[‘id‘]}</td>
                        <td class="cont">{$row[‘content‘]}</td>
                    </tr>        
   </tbody>

<script type="text/javascript">

ar flag=false;
    $(".cont").dblclick(function(){
        if(flag) return ;
        flag=true;
        s=$(this).html();
        var input=$("<input type=‘text‘>");
        input.val(s);
        $(this).empty();
        //内部插入
        $(this).append(input);
        input.select();
        td=$(this);
        input.blur(function(){
            newV=$(this).val();
            id=$(this).parents("tr").find("td:first").html();
           // alert(newV+":"+id);
            $.ajax({
                ‘type‘:‘post‘,
                ‘url‘:"{:url(‘index/reply/cont‘)}",
                ‘data‘:{newV:newV,id:id},
                success:
                function(data){
                    if(data==1){
                        //alert("数据修改成功");
                        //给td赋值
                        td.html(newV);
                        flag=false;
                    }else{
                        //alert("数据修改失败");
                    }
                },               
            });

        });
    })
     </script>

控制器页

    //修改信息 ajax还原
    public function cont(){
        $request=$this->request->param();
        $info = $request->only([‘id‘,‘newV‘]);
        $fo = Db::table("menu")->where(‘id‘,$info[‘id‘])->setField(‘content‘,$info[‘newV‘]);
        if($fo){
            echo 1;
        }else{
            echo 0;
        }
    }

ajax 修改

原文地址:https://www.cnblogs.com/zghao/p/8780401.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved