、、、、、、、、、、、、、、、、、、、、HTML页面
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cj 数据展示</title>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
</head>
<body>
<table class="table">
    <tr>
        <td><button value="全选" class="allcheckbox">全选</button></td>
        <td>序号</td>
        <td>采集标题</td>
        <td>采集图片</td>
        <td>
            详情
        </td>
    </tr>
@foreach($data as $k=>$v)
        <tr id="del_{{$v['id']}}">
            <td>
                <input type="checkbox" class="whole">
            </td>
            <td>{{$k+1}}</td>
            <td>{{$v['title']}}</td>
            <td><img src="{{$v['img']}}" alt=""></td>
            <td>
                <a href="/cj/details/{{$v['id']}}">详情</a>
                <a href="javascript:void(0)" onclick="del({{$v['id']}})">删除</a>
            </td>
        </tr>
    @endforeach
</table>

<select name="" id="pagesum" onchange="change()">
    <option value="">请选择要跳转的页面</option>
    @for($i=1;$i<=$data->lastPage();$i++)
        <option value="{{$i}}">{{$i}}</option>
        @endfor
</select>
{{$data->links()}}
</body>
</html>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
//下拉分页
    function change(){
    var select=$("#pagesum").val();
        location.href="/cj/list?page="+select;
    }
    //ajax删除
   function del(id){
       //ajax
       $.ajax({
           url:"http://www.yanbing.com/cj/del/"+id,
           data:"get",
           dataType:"json",
           success: function (res){
              if (res.status==200){
                  alert('删除成功')
                  $("#del_"+id).remove();
              }else{
                  alert('删除失败')
              }
           }
       })
   }
</script>

////////////////////路由
//ajax删除路由
Route::get('/cj/del/{id}','cjController@del');

、、、、、、删除控制器

    public function del($id){
       $res=cjModel::del($id);
if ($res){
   $arr['status']=200;
    $arr['info']='删除成功';
    $arr['data']=$res;
    echo json_encode($arr);
}else{
    $arr['status']=500;
    $arr['info']='删除失败';
    $arr['data']='';
    echo json_encode($arr);
}
    }

、、、、、、、、、、、、、删除模型

//删除
public static function del($id){
        return self::find($id)->delete();
}





laravel 框架 ajax无页面刷新删除的更多相关文章

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

    DWZ框架Ajax无刷新表单提交处理流程是: 1.       ajax表单提交给服务器 2.       服务器返回一个固定格式json结构 3.       js会调函数根据这个json数据做相应 ...

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

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

  3. djano modles values+ajax实现无页面刷新更新数据

    做项目的过程中想通过不刷新页面的方式来进行页面数据刷新,开始使用http://www.cnblogs.com/ianduin/p/7761400.html方式将查询结果数据进行序列化.发现可以行,但是 ...

  4. 通过Javascript 创建POST提交, 无页面刷新下载

    前端准备: //Download the template through "POST" request function getTargertContainer() { var ...

  5. 判断是否是iframe框架打开登录页, iframe框架着顶部页面刷新

    if (window != top) top.location.href = location.href;

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

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

  7. 无刷新删除 Ajax,JQuery

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

  8. Ajax请求数据与删除数据后刷新页面

    1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) <a class="queryA" href="javascript:void(0)" ...

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

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8gAAAFSCAIAAAChUmFZAAAgAElEQVR4nO29z4scWZbn2/+Hb30zi8

随机推荐

  1. AGC008 部分简要题解

    F 不妨前考虑 \(70 \%\) 的部分分,\(s\) 全部为 \(1\). 首先可以发现这个问题之所以困难是因为同一个联通子树可能可以被多个中心节点导出. 因此,我们考虑对于一个合法的联通子树,在 ...

  2. Activity的生命周期 (必须掌握)

      onCreate 方法 当Activity第一次启动的时候调用   onDestroy 方法 当Activity销毁的时候调用   onStart() 方法 当Activity变成可见的时候调用  ...

  3. C预备知识_001

    程序由什么构成? 1.对数据的描述:在程序中要指定用到哪些数据以及这些数据的类型和数据的组织形式,其实这就是数据结构(data structure). 2.对操作的描述:即要求计算机就行操作的步骤,也 ...

  4. ios 类别和扩展-赵小波

    类别 @interface ClassName ( CategoryName ) // method declarations @end Category在iOS开发中使用非常频繁.尤其是在为系统类进 ...

  5. 使用rsync+inotify实现/www目录实时同步

    一.实现bak-server 1.1安装rsync # yum -y install rsync 1.2修改配置文件 # vi /etc/rsyncd.conf #添加下面内容 uid=test gi ...

  6. Java中的多线程你只要看这一篇就够了(引用)

    引 如果对什么是线程.什么是进程仍存有疑惑,请先Google之,因为这两个概念不在本文的范围之内. 用多线程只有一个目的,那就是更好的利用cpu的资源,因为所有的多线程代码都可以用单线程来实现.说这个 ...

  7. linux 定时删除图以及crontab介绍

    执行 sudo crontab -e 0 3 1 * * /etc/letsencrypt/certbot-auto renew --renew-hook "sudo nginx -s re ...

  8. SQL　在数据库中查找拥有此列名的所有表

    SELECT TABLE_NAME FROM INFORMATION_SCHEMA.COLUMNS WHERE COLUMN_NAME='Column' #"Column"为要查询 ...

  9. 基于SSM风格的Java源代码生成器

    一.序言 UCode Cms 是一款Maven版的Java源代码生成器,是快速构建项目的利器.代码生成器模块属于可拆卸模块,即按需引入.代码生成器生成SSM(Spring.SpringBoot.Myb ...

  10. ELK-EFK-v7.12.0日志平台部署

    ELK和EFK是什么 ELK和EFK是四个开源产品的组合: Elasticsearch 一个基于Lucene搜索引擎的NoSQL数据库 Logstatsh 一个日志管道工具,接受数据输入,执行数据转换 ...