Javascript 滚动时如何加载一个又一个视图/页面?

Javascript 滚动时如何加载一个又一个视图/页面?,javascript,jquery,laravel,Javascript,Jquery,Laravel,我正在开发一个网站使用Laravel框架。在我的项目中,我有不同的视图/页面。现在,单击导航栏时,我将分别显示它们。但我想在上一页/视图的基础上显示/附加下一页/视图(即自动加载或无限滚动) 我对javascript或jQuery了解不多。我在搜索JSCROL,但由于缺乏知识,无法找到如何使用它 对不起,如果我的语言不好。如有可能,欢迎提供演示帮助。提前谢谢。无限卷轴可以帮你解决这个问题 步骤1:在*.blade.php中实现js(当然包括jquery之后,在这里加载jquery等等) 步骤2

我正在开发一个网站使用Laravel框架。在我的项目中,我有不同的视图/页面。现在,单击导航栏时,我将分别显示它们。但我想在上一页/视图的基础上显示/附加下一页/视图(即自动加载或无限滚动)

我对javascript或jQuery了解不多。我在搜索JSCROL,但由于缺乏知识,无法找到如何使用它


对不起,如果我的语言不好。如有可能,欢迎提供演示帮助。提前谢谢。

无限卷轴可以帮你解决这个问题

步骤1:在*.blade.php中实现js(当然包括jquery之后,在这里加载jquery等等)

步骤2:在您的
-标签中添加,例如

步骤3:包括js:

var infScroll = new InfiniteScroll('body', {
... use options as required...
});

如果你想开发一个能满足你需求的单页应用程序,你需要使用像AngularJS/React.js这样的SPA fw。否则,您可以从控制器返回视图的HTML,使用jquery从页面中删除现有视图,并使用jquery追加新视图。