一.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. Comparable和Comparator的区别

    Comparable Comparable可以认为是一个内比较器,实现了Comparable接口的类有一个特点,就是这些类是可以和自己比较的,至于具体和另一个实现了Comparable接口的类如何比较 ...

  2. location对象说明

    在浏览器的console层输入 location 即可输出该对象的相关信息 location.protocol   协议类型  http/https location.hostname 主机名 loc ...

  3. SQLServer控制用户访问权限表

    连接地址:http://www.cnblogs.com/yxyht/archive/2013/03/22/2975880.html 一.需求 在管理数据库过程中,我们经常需要控制某个用户访问数据库的权 ...

  4. Windows下nodejs 模块配置 全局模式与本地模式的区别

    第1步:下载.安装文件 (nodejs的官网http://www.nodejs.org/download/ ) 第2步:安装相关模块环境 打开C:\Program Files\nodejs 目录你会发 ...

  5. office2003?2007共存?版本各自打开的解决方案

    在现在的办公软件中, Microsoft出品的 Office集成办公软件占据了绝大多数的市场份额,从最初的 Office 2000,到后面的 Office 2003以至近两年刚发行的 Office 2 ...

  6. Cheatsheet: 2016 10.01 ~ 10.31

    Docker Introduction to Docker Monitoring Database MongoDB: The Good, The Bad, and The Ugly Web 4 Key ...

  7. springboot中swaggerUI的使用

    demo地址:demo-swagger-springboot springboot中swaggerUI的使用 1.pom文件中添加swagger依赖 2.从github项目中下载swaggerUI 然 ...

  8. JMeter常用测试元件—学习笔记

    线程组 Ramp-Up Period:告诉JMeter达到最大线程数需要多长时间.假定共有10个线程,Ramp-Up Period为100秒,那么JMeter就会在100秒内启动所有线程,并让它们运转 ...

  9. mysql表创建好后添加外键

     命令:alter table 需加外键的表 add constraint 外键名 foreign key(需加外键表的字段名) referencnes 关联表名(关联字段名); 注意:外键名不能重复

  10. STM32 串口固件库中定义的几个中断标志位什么意思?

    在stm32f10x_usart.h中以上几个宏,很没有规律,诈一看还真不知道为什么会这么定义,其实通过代码就很容易明白: D7~D5:代表中断标志位对应的中断使能位在 CR1.CR2还是CR3寄存器 ...