一.jquery 代码:

<SCRIPT LANGUAGE=javascript>
function delGoods(goodsID) {
      if(confirm( "确定要删除?" )==true)
      {
          $.ajax({
              type: 'POST',
              url: '__APP__/Admin/Active/active_delete',
              data: {active_id:goodsID},
              success:function(data){
                  if(data==1){
                      //page(); //开启分页
                  $("tr[class='active_"+goodsID+"'").remove();
                  }
                  else{
                      alert(data);
                  }
                },
              dataType: "text",
            });
      
      
      }
     }
function copyGoods(goodsID) {
          $.ajax({
              type: 'POST',
              url: '__APP__/Admin/Active/active_copy',
              data: {active_id:goodsID},
              success:function(data){
                 if(data){
                     //alert(data);
                 $("#tr-wrap").append(data);
                  }
                  else{
                     //alert(data);
                  }
                },
              dataType: "html",
            });
     }
</SCRIPT>

注意的两点问题:

1.请求的URL路径,遇到问题仔细检查。还有大小写

2.dataType:选择正确的数据类型会影响你的数据的处理。

二.thinkphp

public function active_delete() {
        C('SHOW_PAGE_TRACE',false);
        $active_id= I('active_id');
        if($active_id>0){
        $active = D ('questionnaires');
        $result=$active->where('id='.$active_id)->setField('is_delete','1');
        if($result){
            echo "1";
        }
        else{
            echo "delete fail";
        }
        }
        else{
            echo "data empty";
        }
    }
    public function active_copy() {
        C('SHOW_PAGE_TRACE',false);
        $active_id= I('active_id');
        if($active_id>0){
        $active = D ('questionnaires');
        $active_data= $active->where('id='.$active_id)->find();
        foreach($active_data as $key=>$value){
            if($key=='id'){
                $activeid=$value;
            }
            else{
            $data[$key]=$value;
            }
        }
        $result=$active->data($data)->add();
        $data_list=" ";
        $data_list.='<tr class="active_';
        $data_list.= $activeid;
        $data_list.='">
        <td><input type="checkbox" /></td>
            <td>
                <span class="vote_title">';
        $data_list.=$data['title'];
        $data_list.='</span>
            </td>
            <td><span class="type">';
        $data_list.=$data['type'];
        $data_list.='</span></td>
            <td><span class="start_time">';
        $data_list.=$data['start_at'];
        $data_list.='</span></td>
            <td><span class="column">';
        $data_list.=$data['column'];
        $data_list.='</span></td>
            <td><span class="end_time">';
        $data_list.=$data['end_at'];
        $data_list.='<td>
                <ul class="button_wrap">
                    <li class="btn_status $status$"><i></i><span>状态</span></li>
                    <li><a href="#?id=$id$"><i></i><span>编辑</span></a></li>
                    <li><a href="#?id=$id$"><i></i><span>统计报表</span></a></li>
                    <li><i></i><span>数据下载</span></li>
                    <li><a href="#?id=$id$"><i></i><span>发布</span></a></li>
                    <li><i></i><a href="javascript:copyGoods($id$)"><span>复制</span></a></li>
                    <li class="btn_del"><a href="javascript:delGoods($id$)"><i></i><span>删除</span></a></li>

</ul>
            </td>
            </tr>
            ';
        if($result){
            echo $data_list;
        }
        else{
            echo "add fail";
        }
        }
        else{
            echo "data empty";
        }  
    
    }

三:HTML代码

<li><i></i><a href="javascript:copyGoods($id$)"><span>复制</span></a></li>
<li class="btn_del"><a href="javascript:delGoods($id$)"><i></i><span>删除</span></a></li>

代码:$id$是ajax分页里替换数据的需要。可根据自己需要变成自己的代码。

ajax无刷新删除、复制 THINKPHP的更多相关文章

  1. Ajax:后台jquery实现ajax无刷新删除数据及demo

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8gAAAFSCAIAAAChUmFZAAAgAElEQVR4nO29z4scWZbn2/+Hb30zi8

  2. thinkphp ajax 无刷新分页效果的实现

    思路:先做出传统分页效果,然后重新复制一份Page.class.php类,对它进行修改,把js中的函数传到page类中,把上一页.下一页.首页.尾页.链接页中的url地址改成js控制的函数,模板页面中 ...

  3. Thinkphp框架 -- ajax无刷新上传图片

    用Thinkphp框架做无刷新上传图片 视图层 View <!doctype html> <html lang="en"> <head> < ...

  4. thinkphp下实现ajax无刷新分页

    1.前言 作为一名php程序员,我们开发网站主要就是为了客户从客户端进行体验,在这里,thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻 ...

  5. 无刷新删除 Ajax,JQuery

    1.数据库用上面的,增加一个 DeleteById 的SQL方法 delete from T_Posts where Id = @Original_Id 2.设置处理页面 delete.ashx pu ...

  6. ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传

    先上几张图更直观展示一下要实现的功能.本功能主要通过Jquery ajaxfileupload.js插件结合ajaxUpFile.ashx一般应用程序处理文件实现Ajax无刷新上传功能,结合NPOI2 ...

  7. 关于Ajax无刷新分页技术的一些研究 c#

    关于Ajax无刷新分页技术的一些研究 c# 小弟新手,求大神有更好的解决方案,指教下~ 以前做项目,用过GridView的刷新分页,也用过EasyUI的封装好的分页技术,最近在老项目的基础上加新功能, ...

  8. JS实现仿腾讯微博无刷新删除微博效果代码

    这里演示JS仿腾讯微博无刷新删除效果,将显示在微博列表里的内容删除,运用AJAX技术,无刷新删除微博的内容,参考性强,希望对初学AJAX的朋友有所帮助. 在线演示地址如下: http://demo.j ...

  9. js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符

    js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...

随机推荐

  1. Android4.0 添加一个新的Android 键值

    这里添加新的键值,不是毫无凭据凭空创造的一个键值,而是根据kernel中检测到的按键值,然后转化为Android所需要的数值: 以添加一个Linux键值为217,把它映射为android的键值Brow ...

  2. COUNT(1)和COUNT(*)区别

    项目经常用到count(1),但是和count(*)什么区别? 从下面实验结果来看,Count (*)和Count(1)查询结果是一样的,都包括对NULL的统计,而count(列名) 是不包括NULL ...

  3. [MISC] JQUERY注意问题之ie8 post缓存

    JQUERY 注意问题之 ie8 post缓存 1.设置AJAX,不存缓存 $.ajaxSetup ({ cache: false //关闭AJAX相应的缓存 }); 2.POST的URL加上随机参数 ...

  4. 彻底卸载Visual Studio 2013、Visual Studio 2015

    彻底卸载 Visual Studio 2013. Visual Studio 2015 以及后续各种版本使用方法0. 解压下载的 TotalUninstaller.zip 文件1. 使用 admini ...

  5. ueditor .net版本上传图片功能配置

    1.官网下载 UEditor .Net最新版:官方网址:http://ueditor.baidu.com/website/download.html#ueditor   UTF-8版 和GBK版选择疑 ...

  6. Hbase的配置和安装

    Hbase的配置和安装 1. 解压hbase.配置HBASE_HOME tar -zxvf hbase-1.2.4.tar.gz 2. 修改$HBASE_HOME/conf/hbase-env.sh文 ...

  7. DebugLog 打印方法执行时间

    DebugLog 打印方法执行时间 用于方便调试性能问题的打印插件.给访法加上@DebugLog,就能输出该方法的调用参数,以及执行时间. Project gradle配置 // Top-level ...

  8. JAVA 1.9 面向对象之封装

    1. 面向对象程序设计的三大基本特征:继承(Inheritence).封装(Encapsulation).多态(Polymorphism)2. 封装:类包含了数据与方法,将数据与方法放在一个类中就构成 ...

  9. jQuery.is() 函数

    is() 函数 判断当前对象是否符合指定表达式 语法 $selector.is(表达式)//指定表达式 返回值 返回值为布尔型(true/false) 当当前对象包含多个元素时,只要任意元素满足指定表 ...

  10. 慕课网__HTML5 存储

    application cache 只能更新全部,不能更新单独的文件 在更新后,要重新打开浏览器,缓存才会生效, 不能实时生效