当用户滚动页面时,Ajax会从数据库中追加更多的数据
Ajax append more data from database when user scrolls laravel
好的,所以自动加载方法的触发器已经开始工作了:
window.onscroll = function(evt){
autoload();
};
自动装载()函数:
function autoload(){
$.ajax({
//What do i need to do here to get data from
//the URL and append it to #contentContainer?
})
}
路由已经完成,如果你喜欢,可以随意调整为GET:
Route::post('/loadMore', 'HomeController@loadMore');
loadMore功能:
return View::make('partials.home');
如果泛音。Home是一个div,其中应用了CSS和一些刀片模板,但最终。它返回一个div,我需要将其附加到#contentContainer。
有什么问题吗?我很乐意回答他们!
你可以加载你的内容并像这样添加到你的容器中
$.ajax({
type: "POST",
url: {{ URL::to('/loadMore') }},
data: {key1:value1, key2: value2}, // if you need to send some data to your function
success: function(data){
$('#contentContainer').append(data);
}
});
备注:我假设你在.blade.php
文件中编写javascript,这样你就可以使用{{ URL::to('/loadMore') }}
生成URL到你的路由
问题出在视图中:
我的观点开始于:
@section('content')
javascript显然无法处理
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 表追加而不附加最后一个元素
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 使用javascript从数据库中添加表
- 通过CSV文件上载更新数据库表
- 平均值:无法将数据更新到数据库
- 如何使用 Angular JS 将数据保存在数据库中
- Rails-JQueryUIAutcomplete和AJAX不工作,可以't连接到数据库
- 在谷歌地图上绘制位置数据库
- PHP:显示sqlite数据库中的html格式数据,使用tinymce保存
- 将地理编码结果转换为php变量以发布到mysql数据库
- 从数据库中检索字段,而不模拟它们
- javascript:将数据库中的数据插入到html5文本字段中
- 从数据库中获取数据并插入JavaScript变量
- JavaScript,PHP-用JavaScript将多个数据库记录发送到变量或表
- 如何在jquery中停止在更改时追加值
- 从MySQL数据库中获取输入数据需要两次页面刷新
- 单击按钮上的添加/追加动态数据库(SQL)选择框
- 将数据库记录追加到按钮中
- 当用户滚动页面时,Ajax会从数据库中追加更多的数据