当用户滚动页面时,Ajax会从数据库中追加更多的数据

Ajax append more data from database when user scrolls laravel

本文关键字:追加 数据库 数据 滚动 用户 Ajax      更新时间:2023-09-26

好的,所以自动加载方法的触发器已经开始工作了:

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显然无法处理