ajax无刷新删除、复制 THINKPHP

一.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分页里替换数据的需要。可根据自己需要变成自己的代码。

时间: 2024-11-01 10:38:06

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

jquery ajax无刷新删除

职位列表里面显示应聘的简历: 点击简历的数量,弹出层(用load方法调用加载) 弹出的层里面删除简历(无刷新删除),实现方法 ? 1 2 3 4 5 6 7 8 9 10 11 12 $(".Del a").click(function () {             var mid = $(this).attr("name");               var jobid = $(this).attr("lang"); //职位id   

无刷新删除 Ajax,JQuery

1.数据库用上面的,增加一个 DeleteById 的SQL方法delete from T_Posts where Id = @Original_Id 2.设置处理页面 delete.ashx public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string id = context.Request["id"]; //得到用户传过

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

先上几张图更直观展示一下要实现的功能.本功能主要通过Jquery ajaxfileupload.js插件结合ajaxUpFile.ashx一般应用程序处理文件实现Ajax无刷新上传功能,结合NPOI2.0实现数据读取.这个功能在实际工作种经经常使用到,希望能给须要做这方面的人有些帮助. 一.功能页面布局及介绍 1.上传页面布局及input file上传功能 2.上传页面文件正在上传效果 3.上传完毕效果,多文件展示区 二.功能代码实现及资源引用 1.js资源文件引用 html页面js引用.须要引

JQuery 总结(8)Ajax 无刷新技术

Ajax  无刷新技术 $(".delete").click(function () { cf=confirm("确认删除"); if (!cf) { return false } id=this.id; obj=$(this); // var r; $.get('delete.php',{id:id},function (r) { // console.log(r); // alert(r) if (r==1) { // alert(1) obj.parent()

移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传

现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实.所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器. 一翻google之后,发现了localResizeIMG,它会对图片进行压缩成你指定宽度及质量度并转换成base64图片格式,那么我们就可以把这个base64通过ajax传到后台,再进行保存,先压缩后上传的目的就达到了. 处理过程 LocalResizeIM

DWZ框架Ajax无刷新表单提交处理流程

DWZ框架Ajax无刷新表单提交处理流程是: 1.       ajax表单提交给服务器 2.       服务器返回一个固定格式json结构 3.       js会调函数根据这个json数据做相应的处理 注意: DWZ框架默认的ajax表单提交都是返回json数据,告诉客户端操作是否成功,成功或失败提示信息,以及成功后的处理方式(刷新某个navTab或关闭某个navTab或navTab页面跳转). 表单提交后服务器操作失败了,客户端接收statusCode和message后给出错误提示,表单

ajax无刷新表单提交

ajax无刷新提交笔记 数据库自己模拟建一个 执行一下添加功能 php部分采用pdo方法: <?php $db ='mysql'; $host ='localhost'; $port ='3306'; $dbname = 'ajax'; $user = 'root'; $pwd  = ''; $dsn = "$db:host=$host;port=$port;dbname=$dbname";    //设定字符集  $options = array(PDO::MYSQL_ATTR

Ajax无刷新提交

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Ajax无刷新提交表单和显示

ajax无刷新表单提交: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&