Javascript 如何在滚动或滚动时获取更多JSON数据？

我有下面的代码，当用户搜索一个术语时，它会返回一些结果。 一旦我得到一些结果，我想添加一个功能，这将允许我获得更多的数据时，向下滚动方向

注意：我不想使用任何插件

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（事件）{//将其作为onclick事件连接到提交按钮。
var searchTerm=$（“#search”）.val（）；//获取用户输入的搜索词
变量URL=”http://api.flickr.com/services/feeds/photos_public.gne";
//变量URL=”http://api.flickr.com/services/feeds/photos_public.gne";
变量ID=”25053835@N03";
//var MYID-84215563@N08";
//var tagmode=“&tagmode=any”；
//var format=“&format=json”；
var tags=“&tags=“+searchTerm；
var tagmode=“&tagmode=any”；
var jsonFormat=“&format=json&jsoncallback=？”；
var ajaxURL=URL+“？jsoncallback=？id=“+id+tags+tagmode+jsonFormat；
//var ajaxURL=URL+“？”+标记+tagmode+jsonFormat；
$.getJSON（ajaxURL，函数（数据）{
//$（“h1”）.text（data.title）；
//警报（数据长度）；
var-photoHTML；
$（“#照片”）.empty（）；
if（数据项长度）{
警报（数据、项目、长度）；
$。每个（数据项、功能（i、照片）{
//var photoHTML=“”+photo.tags+”；
photoHTML=“”；
photoHTML+=''；
photoHTML=“
”；
$（'#photos'）.append（photoHTML）.fadeIn（200）；
});
}否则{
警报（数据、项目、长度）；
photoHTML=“无结果”；
$（'#photos'）.append（photoHTML）.fadeIn（200）；
}
//$（'#photos'）.append（photoHTML）.fadeIn（200）；
});
});         
});

您可以使用jquery.scroll（）方法。您有两个选项，在页面加载时保存所有数据，然后显示为用户滚动，或者在每次有向下滚动请求时发出ajax请求

$("#yourSelector").on('scroll', function(){
    // do stuff
});

或者简单地使用快捷方式：

$("#yourSelector").scroll(function(){
   // do stuff
});

我希望这有帮助

---

以下是jquery scroll api的链接，以了解选项（例如指定向下滚动）：

您还可以使用jquery绑定滚动事件：

将整个代码放入函数中：

function myfun(){
//-- you code
}

并从两个事件调用

myfun（）

：

点击事件-

 $("#submit").click(function (event) {
     myfun();
 });

滚动事件-

 $("#yourSelector").scroll(function(){
       myfun();
    });

 $("#yourSelector").scroll(function(){
       myfun();
    });