• <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
      <nav id="xcyjv"></nav>
    1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>

        使用laravel和ajax實現整個頁面無刷新的操作方法

         更新時間:2019年10月03日 20:50:33   作者:snow_small   我要評論
        今天小編就為大家分享一篇使用laravel和ajax實現整個頁面無刷新的操作方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

        1、數據庫文件

        CREATE TABLE IF NOT EXISTS mr_key
        (
        id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT '鍵id',
        project_id int(11) NOT NULL COMMENT '外鍵項目id',
        name varchar(100) NOT NULL COMMENT '鍵名',
        structure enum('string', 'hash', 'list', 'set', 'zset') COMMENT '數據結構',
        ttl varchar(50) NOT NULL COMMENT '過期時間',
        user varchar(20) NOT NULL COMMENT '使用者',
        reason varchar(255) NOT NULL COMMENT '使用原因',
        created_time int(11) NOT NULL COMMENT '創建時間',
        isDelete int(2) NOT NULL DEFAULT '0' COMMENT '是否刪除(0=不刪除,1=刪除)'
        )ENGINE=innodb DEFAULT CHARSET=utf8 COMMENT='鍵表';

        2、首頁的內容

        @include('layout.nav')
         @include('layout.slide')
         
         <div class="contain" style="width: 84%;" id="contain">
          <div style="width:30%;margin-bottom:20px;">
           <select class="form-control" id="project">
            <option value="0" >請選擇城市</option>
            @foreach ($projects as $project)
             <option value="{{ $project->id }}" @if("{{ $project->id }}" == "{{ $project_id }}")selected="selected"@endif >{{ $project->name }}</option>
            @endforeach
           </select>
          </div>
          <table class="table table-hover">
           <thead>
           <tr>
            <th>id</th>
            <th>鍵名</th>
            <th>數據結構</th>
            <th>過期時間</th>
            <th>使用者</th>
            <th>使用原因</th>
            <th>操作</th>
           </tr>
           </thead>
           <tbody>
           @foreach ($keys as $key)
            <tr>
             <td>{{ $key->id }}</td>
             <td>{{ $key->name }}</td>
             <td>{{ $key->structure }}</td>
             <td>{{ date("Y-m-d H:i:s", ($key->ttl + $key->created_time)) }}</td>
             <td>{{ $key->user }}</td>
             <td>{{ $key->reason }}</td>
             <td>修改 刪除</td>
            </tr>
           @endforeach
           </tbody>
           <div style="position:absolute;top:450px;right:120px;">
            {{ $keys->render() }}
            <div style="float:right;letter-spacing: 2px;margin-left:10px;" class="pagi__count"> 共<b>{{ $count }}</b>條數據</div>
           </div>
         
          </table>
         </div>

        效果:

        3、使用ajax:給選擇框加上change事件,觸發時,到KeyController下的klist方法,并傳入project_id,在klist方法中進行處理,獲取數據傳出來,將整個頁面的body的內容全都改變。

         <script type="text/javascript">
          $('#project').change(function() {
           $.post("{{ url('key/klist') }}/"+$('#project').val(),  // 路由為Route::any('/key/klist/{project_id}')
            {'_token': '{{ csrf_token() }}'}, function(data) {
            $('#body').html(data);
            });
          });
         </script>

        4、klist的方法:判斷傳入的project_id為0的話,就獲取全部數據,不為0,則獲取外鍵==project_id的key的值,將整個頁面都傳出去

        public function klist($project_id)
          {
           if($project_id == 0) {
            $projects = Project::all();
            $keys = Key::orderBy('created_time', 'desc')->paginate(8);
            $count = Key::count();
            $project_id = 0;
            return view('key.index', compact('project_id', 'projects','keys', 'count'));
           }
           $projects = Project::all();
           $keys = Project::find($project_id)->key()->paginate(8);
           $count = Project::find($project_id)->key->count();
           return view('key.index', compact('project_id' ,'projects', 'keys', 'count'));
          }

        5、實現:當下拉框改變時,內容改變并未刷新

        以上這篇使用laravel和ajax實現整個頁面無刷新的操作方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

        相關文章

        最新評論

        01彩票网app
      1. <sub id="xcyjv"></sub><nav id="xcyjv"><code id="xcyjv"><meter id="xcyjv"></meter></code></nav>
          <nav id="xcyjv"></nav>
        1. <form id="xcyjv"><th id="xcyjv"></th></form><nav id="xcyjv"><mark id="xcyjv"></mark></nav>
            大丰 | 宜春 | 天门 | 德宏 | 安顺 | 诸暨 | 顺德 | 四平 | 河源 | 运城 | 乐清 | 朔州 | 台北 | 昆山 | 湖南长沙 | 商洛 | 朝阳 | 甘肃兰州 | 大连 | 曹县 | 甘南 | 无锡 | 白城 | 荣成 | 吉林长春 | 酒泉 | 海西 | 张北 | 梅州 | 锡林郭勒 | 垦利 | 乌海 | 沛县 | 晋城 | 自贡 | 和县 | 金坛 | 宿州 | 那曲 | 垦利 | 镇江 | 湖南长沙 | 启东 | 昆山 | 邵阳 | 嘉兴 | 安吉 | 红河 | 嘉兴 | 铜陵 | 克孜勒苏 | 徐州 | 霍邱 | 燕郊 | 东方 | 靖江 | 宝鸡 | 海西 | 琼海 | 朔州 | 安庆 | 儋州 | 深圳 | 吴忠 | 肥城 | 湘西 | 邢台 | 滁州 | 云南昆明 | 资阳 | 博罗 | 攀枝花 | 达州 | 吉林 | 黄山 | 佛山 | 保定 | 张家口 | 内江 | 昌吉 | 汕尾 | 新余 | 图木舒克 | 喀什 | 安庆 | 宁德 | 防城港 | 果洛 | 绵阳 | 安徽合肥 | 新余 | 日喀则 | 贵州贵阳 | 曹县 | 明港 | 徐州 | 迪庆 | 苍南 | 临沧 | 鸡西 | 昭通 | 龙口 | 益阳 | 那曲 | 本溪 | 丹东 | 温州 | 海东 | 陕西西安 | 武夷山 | 邢台 | 钦州 | 惠州 | 舟山 | 孝感 | 佳木斯 | 吐鲁番 | 菏泽 | 黑龙江哈尔滨 | 长兴 | 漳州 | 咸宁 | 宿州 | 石嘴山 | 象山 | 任丘 | 安阳 | 海安 | 崇左 | 惠东 | 扬中 | 辽宁沈阳 | 昌吉 | 平凉 | 内江 | 三明 | 西藏拉萨 | 昌吉 | 甘孜 | 晋中 | 张掖 | 濮阳 | 长垣 | 香港香港 | 白城 | 宜昌 | 晋江 | 毕节 | 莆田 | 琼中 | 鸡西 | 茂名 | 河北石家庄 | 新泰 | 那曲 | 博尔塔拉 | 株洲 | 六盘水 | 河北石家庄 | 蚌埠 | 铁岭 | 汉川 | 蚌埠 | 和田 | 晋中 | 石狮 | 济宁 | 福建福州 | 中卫 | 眉山 | 吉林 | 桐乡 | 湖南长沙 | 吉林 | 泗阳 | 石河子 | 日喀则 | 江苏苏州 | 新乡 | 庄河 | 玉树 | 图木舒克 | 辽宁沈阳 | 邳州 | 汉川 | 明港 | 邹平 | 台山 | 平顶山 | 库尔勒 | 辽阳 | 宜都 | 五家渠 | 遂宁 | 阜新 | 衡阳 | 武安 | 长治 | 阿克苏 | 厦门 | 宣城 | 定安 | 运城 | 莱州 | 库尔勒 | 甘南 | 江西南昌 | 博尔塔拉 | 临汾 | 顺德 | 长垣 | 雅安 | 武安 | 天水 | 永新 | 本溪 | 安岳 | 济南 | 琼海 | 宁夏银川 | 张家口 | 姜堰 | 灌南 | 吉安 | 果洛 | 乐平 | 威海 | 阳泉 | 洛阳 | 茂名 | 泰州 | 保定 | 山南 | 灌云 | 东营 | 包头 | 宁夏银川 | 阿拉尔 | 烟台 | 淮南 | 溧阳 | 楚雄 | 自贡 | 深圳 | 佛山 | 襄阳 | 惠东 | 和县 | 营口 | 淮南 | 西双版纳 | 绵阳 | 巴彦淖尔市 | 保亭 | 丹阳 | 东台 | 邯郸 | 咸阳 | 台南 | 莱芜 | 平潭 | 桂林 | 吐鲁番 | 哈密 | 台中 | 金昌 | 常州 | 邳州 | 赤峰 | 海北 | 来宾 | 柳州 | 湘西 | 清徐 | 昌吉 | 洛阳 | 阿拉尔 | 德宏 | 鄂尔多斯 | 瑞安 | 仁怀 | 吉林长春 | 湘潭 | 泗阳 | 乐平 | 启东 | 三沙 | 三沙 | 山南 | 安徽合肥 | 天水 | 甘孜 | 宿州 | 锡林郭勒 | 衡阳 | 锡林郭勒 | 抚顺 | 贵港 | 邹城 | 湖北武汉 | 张掖 | 台湾台湾 | 西双版纳 | 新乡 | 常州 | 内江 | 湘西 | 西藏拉萨 | 徐州 | 阳泉 | 南通 | 南阳 | 黔东南 | 甘孜 | 许昌 | 马鞍山 | 咸阳 | 武威 | 邢台 | 漳州 | 临夏 | 哈密 | 四川成都 | 长治 | 鹰潭 | 东阳 | 慈溪 | 明港 | 驻马店 | 云浮 | 伊春 | 昌吉 | 诸城 | 阳江 | 济南 | 岳阳 | 洛阳 | 榆林 | 松原 | 铜陵 | 通辽 | 诸暨 | 石河子 | 德州 | 保定 | 荆门 | 恩施 | 台中 | 衡阳 | 泗洪 | 沭阳 | 辽宁沈阳 | 垦利 | 惠东 | 慈溪 | 中山 | 上饶 | 泗洪 | 甘孜 | 高密 | 防城港 | 徐州 | 黔东南 | 桓台 | 眉山 | 枣庄 | 海东 | 温岭 | 阳泉 | 榆林 | 辽阳 | 桐城 | 澄迈 | 佛山 | 临猗 | 秦皇岛 | 基隆 | 香港香港 | 武安 | 淮南 | 海北 | 广西南宁 | 安阳 | 毕节 | 湖北武汉 | 吉林 | 大兴安岭 | 乐山 | 台山 | 三沙 | 德阳 | 锦州 | 江门 | 霍邱 | 秦皇岛 | 昌都 | 兴安盟 | 吉安 | 琼中 | 南通 | 潜江 | 醴陵 | 遂宁 | 昆山 | 保亭 | 伊春 | 陕西西安 | 呼伦贝尔 | 天水 | 果洛 | 和田 | 雅安 | 伊犁 | 武安 | 盘锦 | 黑龙江哈尔滨 | 呼伦贝尔 | 仙桃 | 芜湖 | 台北 | 湖北武汉 | 西藏拉萨 | 鞍山 | 安吉 | 普洱 | 娄底 | 云南昆明 | 葫芦岛 | 娄底 | 高雄 | 巴中 | 兴安盟 | 江西南昌 | 那曲 | 五指山 | 石狮 | 三门峡 | 玉溪 | 肇庆 | 天门 | 高密 | 柳州 | 阿拉尔 | 克拉玛依 | 东方 | 儋州 | 厦门 | 黑河 | 三亚 | 如东 | 新乡 | 盘锦 | 邹平 | 济宁 | 江门 | 台南 | 通辽 | 偃师 | 徐州 | 淮北 | 日土 | 淮南 | 恩施 | 湖北武汉 | 衡阳 | 林芝 | 五指山 | 和田 | 泗洪 | 随州 | 台中 | 信阳 | 宁德 | 仙桃 | 安顺 | 莱州 | 汝州 | 晋城 | 乌海 | 安岳 | 安岳 | 宜昌 | 海北 | 湛江 | 项城 | 山西太原 | 湖北武汉 | 慈溪 | 台南 | 莒县 | 绥化 | 衡阳 | 随州 | 德阳 | 喀什 | 漯河 | 朝阳 | 大同 | 三门峡 | 高密 | 大连 | 鄢陵 | 通辽 | 黔南 | 淮安 | 随州 | 六安 | 榆林 | 山南 | 丽水 | 陕西西安 | 固原 | 巴音郭楞 | 三亚 | 那曲 | 广州 | 廊坊 | 高密 | 淮北 | 诸暨 | 阿拉善盟 | 阜阳 | 焦作 | 三亚 | 湛江 | 湘西 | 香港香港 | 淮北 | 安徽合肥 | 十堰 | 牡丹江 | 湘潭 | 三亚 | 邯郸 | 晋中 | 澄迈 | 衡水 | 营口 | 咸阳 | 乳山 | 贵港 | 南京 | 鄢陵 | 喀什 | 大连 | 东营 | 灌南 | 锡林郭勒 | 江西南昌 | 双鸭山 | 潮州 | 松原 | 招远 | 神木 | 济南 | 淮北 | 澳门澳门 | 张家界 | 普洱 | 邵阳 | 阿拉尔 | 菏泽 | 临夏 | 凉山 | 晋城 | 象山 | 文昌 | 南通 | 枣庄 | 永州 | 海门 | 塔城 | 汕头 | 锡林郭勒 | 鹤壁 | 伊犁 | 三沙 | 定安 | 宿州 | 秦皇岛 | 阳泉 | 神农架 | 昌吉 | 德宏 | 长葛 | 张掖 | 青海西宁 | 广汉 | 济源 | 余姚 | 阜阳 | 湖南长沙 | 长治 | 荣成 | 白沙 | 日土 | 泰兴 | 项城 | 广元 | 通化 | 鹤岗 | 顺德 | 临沧 | 湖南长沙 | 海东 | 神农架 | 鄂州 | 桐乡 | 滕州 | 和田 | 衡阳 | 商洛 | 包头 | 河南郑州 | 本溪 | 红河 | 娄底 | 牡丹江 | 海南海口 | 孝感 | 和田 | 延边 | 鹰潭 | 江门 | 马鞍山 | 渭南 | 广元 | 安阳 | 鄂尔多斯 | 嘉峪关 | 临汾 | 济源 | 台山 | 临汾 | 保定 | 晋中 | 单县 | 孝感 | 玉溪 | 镇江 | 邳州 | 长葛 | 东海 | 海拉尔 | 茂名 | 忻州 | 衡阳 | 石嘴山 | 三明 | 聊城 | 克孜勒苏 | 克孜勒苏 | 神农架 | 沧州 | 深圳 | 泰安 | 玉树 | 伊春 | 扬州 | 余姚 | 惠东 | 那曲 | 台山 | 呼伦贝尔 | 博尔塔拉 | 湖北武汉 | 新疆乌鲁木齐 | 郴州 | 晋江 | 佳木斯 | 澳门澳门 | 防城港 | 南安 | 廊坊 | 吐鲁番 | 珠海 | 清远 | 郴州 | 福建福州 | 本溪 | 台南 | 随州 | 库尔勒 | 定州 | 日喀则 | 章丘 | 义乌 | 岳阳 | 三门峡 | 泰州 | 仁寿 | 福建福州 | 定州 | 珠海 | 定西 | 明港 | 建湖 | 锡林郭勒 | 南阳 | 镇江 | 邢台 | 陕西西安 | 乌兰察布 | 四平 | 温岭 | 乌兰察布 | 绵阳 | 滁州 | 长治 | 中卫 | 三沙 | 广元 | 新泰 | 丽水 | 黄山 | 河南郑州 | 开封 | 汉中 | 泉州 | 林芝 | 寿光 | 平凉 | 张掖 | 杞县 | 安吉 | 临汾 | 临海 | 湛江 | 阿克苏 | 揭阳 | 荆州 | 淮安 | 安岳 | 漯河 | 邳州 | 松原 | 玉树 | 邢台 | 辽源 | 临夏 | 瓦房店 | 辽阳 | 晋中 | 宝应县 | 通化 | 湖北武汉 | 博罗 | 荣成 | 潮州 | 陕西西安 | 柳州 | 濮阳 | 南通 | 玉环 | 随州 | 开封 | 郴州 | 定西 | 内蒙古呼和浩特 | 曲靖 | 龙口 | 咸阳 | 邯郸 | 象山 | 平凉 | 无锡 | 义乌 | 玉溪 | 潜江 | 正定 | 宿迁 | 白银 | 衢州 | 德阳 | 东莞 | 丹东 | 山东青岛 | 义乌 | 宁波 | 吉安 | 自贡 | 佛山 | 松原 | 江西南昌 | 荆门 | 文山 | 大兴安岭 | 靖江 | 铜陵 | 阿克苏 | 芜湖 | 台南 | 吕梁 | 泰兴 | 凉山 | 海丰 | 宜春 | 安康 | 昌吉 | 伊春 | 青州 | 海北 | 邢台 | 南通 | 崇左 | 攀枝花 | 如东 | 潜江 | 馆陶 | 桐乡 | 公主岭 | 新沂 | 定西 | 乌兰察布 | 沭阳 | 毕节 | 迁安市 | 绥化 | 白城 | 姜堰 | 永康 | 黔南 | 定西 | 武夷山 | 常州 | 巢湖 | 贵港 | 东方 | 保定 | 娄底 | 临海 | 洛阳 | 南安 | 昌都 | 湖北武汉 | 海东 | 伊犁 | 绥化 | 大庆 | 锡林郭勒 | 乌海 | 邳州 | 晋江 | 揭阳 | 蓬莱 | 廊坊 | 琼中 | 莆田 | 象山 | 贵州贵阳 | 运城 | 基隆 | 湘潭 | 哈密 | 儋州 | 绵阳 | 宁夏银川 | 德阳 | 海安 | 伊犁 | 韶关 | 诸城 | 黄山 | 博尔塔拉 | 台山 | 庄河 | 泗阳 | 湖北武汉 | 咸宁 | 许昌 | 钦州 | 株洲 | 绍兴 | 钦州 | 金华 | 琼海 | 涿州 | 吐鲁番 | 琼海 | 烟台 | 南通 | 广元 | 克孜勒苏 | 呼伦贝尔 | 玉环 | 慈溪 | 定安 | 天长 | 徐州 | 河源 | 灵宝 | 商丘 | 德清 | 攀枝花 | 赵县 | 诸城 | 惠州 | 安阳 | 廊坊 | 玉树 | 东营 | 瓦房店 | 新余 | 龙岩 | 湖州 | 驻马店 | 德宏 | 十堰 | 如皋 | 山南 | 三沙 | 南安 | 呼伦贝尔 | 本溪 | 金华 | 溧阳 | 晋中 | 和县 | 保山 | 文山 | 河池 | 三明 | 蓬莱 | 东方 | 迁安市 | 醴陵 | 曲靖 | 海南 | 雅安 | 正定 | 瑞安 | 孝感 | 宝应县 | 博尔塔拉 | 广饶 | 广西南宁 | 塔城 | 泗阳 | 巴彦淖尔市 | 简阳 | 如皋 | 宜都 | 江苏苏州 | 沧州 | 包头 | 晋中 | 石狮 | 公主岭 | 本溪 | 锡林郭勒 | 曲靖 | 衡阳 | 舟山 | 台州 | 五指山 | 嘉兴 | 三亚 | 福建福州 | 宜春 | 余姚 | 陵水 | 四川成都 | 德清 | 阿勒泰 | 雄安新区 | 张北 | 保定 | 天长 | 齐齐哈尔 | 云浮 | 滁州 | 绵阳 | 保亭 | 双鸭山 | 兴安盟 | 景德镇 | 河池 | 九江 | 辽宁沈阳 | 阿拉尔 | 单县 | 海西 | 揭阳 | 温州 | 贺州 | 常德 | 湘潭 | 台北 | 陇南 | 昌吉 | 莱州 | 莒县 | 资阳 | 澄迈 | 金华 | 鞍山 | 镇江 | 九江 | 诸城 | 泰安 | 新疆乌鲁木齐 | 禹州 | 云南昆明 | 正定 | 漯河 | 石河子 | 迪庆 | 绍兴 | 新余 | 定安 | 东莞 | 大连 | 定安 | 邢台 | 临夏 | 鄂州 | 葫芦岛 | 佛山 | 安吉 | 晋江 | 来宾 | 枣阳 | 台北 | 喀什 | 莆田 | 济南 | 新余 | 张家界 | 禹州 | 广汉 | 桐乡 | 枣阳 | 顺德 | 咸宁 | 甘南 | 德宏 | 余姚 | 通化 | 邹城 | 深圳 | 无锡 | 平顶山 | 张北 | 义乌 | 洛阳 | 深圳 | 郴州 | 十堰 | 大庆 | 临夏 | 涿州 | 保定 | 大兴安岭 | 丹东 | 铜陵 | 鹰潭 | 阳泉 | 达州 | 白沙 | 绥化 | 德宏 | 上饶 | 商洛 | 邢台 | 甘孜 | 沧州 | 怀化 | 甘肃兰州 | 漯河 | 葫芦岛 | 定安 | 涿州 | 溧阳 | 襄阳 | 酒泉 | 潮州 | 孝感 | 毕节 | 阳泉 | 楚雄 |