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