Javascript 通过ajax加载内容
我创建了这个用于加载数据的ajax脚本Javascript 通过ajax加载内容,javascript,jquery,ajax,Javascript,Jquery,Ajax,我创建了这个用于加载数据的ajax脚本 $("#submit").click(function(e){ e.preventDefault() var loading = "<img src='/images/loading.gif' alt='Loading...' />"; var scrolltop=$('#scrollbox').attr('scrollTop'); var scrollheight=$('#scrollbox').attr(
$("#submit").click(function(e){
e.preventDefault()
var loading = "<img src='/images/loading.gif' alt='Loading...' />";
var scrolltop=$('#scrollbox').attr('scrollTop');
var scrollheight=$('#scrollbox').attr('scrollHeight');
var windowheight=$('#scrollbox').attr('clientHeight');
// var post = $(this).attr("name") + "=" + $(this).val();
var form_data = $('#search_form').serialize();// + "&" + post ;
var scrolloffset=20;
$('#search').html(loading);
$.post("dosearch.php",form_data,function(newitems) {
$('#content').append(newitems);
});
if(scrolltop>=(scrollheight-(windowheight+scrolloffset))){
$.post("dosearch.php",form_data,function(newitems) {
$('#content').append(newitems);
});
}
});
});
这个函数不起作用,我需要一些帮助
提前感谢…我刚刚在这里设置了一个示例滚动收听应用程序: 您需要收听
滚动框的滚动事件
$('#scrollbox').scroll(function(){
console.log('scrolling');
scrolltop=$('#scrollbox').attr('scrollTop');
if(scrolltop>=(scrollheight-(windowheight+scrolloffset))) {
//do whatever you wish to do
}
});
希望这有帮助。你的滚动监听器在哪里?myscroll监听器就是这个div#当我到达这个div的底部时,如果(scrolltop>=(scrollheight-(windowheight+scrolloffset))){这将执行,并且必须发生一些我不知道必须发生什么的事情:)可能是某个重复函数来重复这个过程?您是否收到任何错误?当您到达div的底部时,新的ajax调用是否再次启动?scrollresult函数做了什么?没有错误,但也没有功能。我只是改进了我的代码。我如何才能是吗?以评论或回答的形式发布?滚动结果没有任何作用。我只是设计了scrol结果,以便在我到达分区底部时启动此ajax。如果我侦听此事件,如果滚动器到达分区底部,我将获得更多数据?是的。基本上,您所做的是侦听滚动事件,并检查是否已到达分区底部如果是真的,那就发出你新的ajax
请求。我真的很喜欢这种回答,它会教你新的东西。我根本不知道滚动监听器。这就是问题所在。真的谢谢。回答被接受了
$('#scrollbox').scroll(function(){
console.log('scrolling');
scrolltop=$('#scrollbox').attr('scrollTop');
if(scrolltop>=(scrollheight-(windowheight+scrolloffset))) {
//do whatever you wish to do
}
});