如何在Laravel中使用Ajax实现滚动加载

  介绍

这期内容当中小编将会给大家带来有关如何在Laravel中使用Ajax实现滚动加载,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

<强>创建模型

php  artisan : model  - m

<强>模型。php

namespace 应用;      use 阐明\雄辩的\ \数据库模型;      class  Post  extends 模型   {      ,public  fillable 美元;=,(& # 39;标题# 39;& # 39;描述# 39;];      ,   }

<>强迁移文件

use 阐明\ \数据库模式\蓝图;   use 照亮\迁移\ \数据库迁移;      class  CreatePostTable  extends 迁移   {/* *   *,才能Run 从而迁移。   ,*   *,才能@return 空白   ,*/,public  function  ()   ,{   模式:创建才能(& # 39;文章# 39;,,function  (Blueprint  $表),{   ,,表→美元增量(& # 39;id # 39;);   ,,表→美元字符串(& # 39;标题# 39;);   美元,才能表→文本(& # 39;描述# 39;);   美元,才能表→时间戳();   ,,});   ,}/* *   *,才能Reverse 从而迁移。   ,*   *,才能@return 空白   ,*/向下,public  function  ()   ,{   模式:才能下降(“posts");   ,}   }

<>强测试数据ModelFactory。php

工厂→美元定义(App \邮报::类,,function (骗子\ Generator 摊贩美元),{   ,return  [   & # 39;才能夺冠# 39;,=祝辞,摊贩→美元的句子,   & # 39;才能描述# 39;,=祝辞,美元摊贩→段落,   ,);   });

<强>填充

& lt; php ?      use 照亮\数据库\播种机;      class  DatabaseSeeder  extends 播种机   {/* *   *,才能Run 从而database 种子。   ,*   *,才能@return 空白   ,*/,public  function  run ()   ,{//才能,这→美元叫(UsersTableSeeder::类);   工厂才能(App \::类,,50)→创建();   ,}   }

<>强路由

路线::获得(& # 39;my-post& # 39;,, & # 39; PostController@myPost& # 39;);

<>强控制器

namespace 应用\ Http \控制器;      use 照亮\ Http \请求;   use 应用\ Http \请求;   use 应用\发布;      class  PostController  extends 控制器   {      ,public  function  myPost (Request 美元请求)   ,{   posts 美元;才能=,职位:随意翻阅(6),,      if 才能;(ajax请求→美元()),{   ,,view 美元;=,视图(& # 39;数据# 39;,紧凑(& # 39;文章# 39;))→渲染();   ,,return 响应()→json ((& # 39; html # 39;=祝辞;$视图]);   ,,}      return 才能视图(& # 39;my-post& # 39;,紧凑(& # 39;文章# 39;));   ,}      }

<>强视图文件资源/视图/我的帖子。php

& lt; ! DOCTYPE  html>   & lt; html>   & lt; head>   ,& lt; title> Laravel 分页滚动加载& lt;/title>   ,& lt; https://www.yisu.com/zixun/script  src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js ">   <链接的href=" http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css " rel="外部nofollow”rel="样式表">   <风格type=" text/css ">   .ajax-load {   背景:# e1e1e1;   填充:10 px 0 px;   宽度:100%;   }> 头   身体<>      
   Laravel分页滚动加载   
  
  @include(“数据”)   
  
     
  

! [] (./loader.gif)加载更多……

  
     <脚本type=" text/javascript”>   var=1页;   $(窗口).scroll(函数(){   如果($(窗口).scrollTop() +(窗口)美元.height() + 1>=$(文档).height ()) {   页+ +;   loadMoreData(页面);   }   });      函数loadMoreData(页面){   $ . ajax (   {   url:”?=' +页面,页   类型:“获得”,   beforeSend:函数()   {   $ (' .ajax-load '),告诉();   }   })   .done(功能(数据)   {//console.log(研究司);   如果(数据)。html==" ") {   $ (' .ajax-load ') . html(“没有数据了……”);   返回;   }   $ (' .ajax-load ') hide ();   $ (" # post数据”).append(研究司);   })   fail(函数(jqXHR ajaxOptions thrownError)   {   alert('服务未响应……”);   });   }>

如何在Laravel中使用Ajax实现滚动加载