Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过ajax加载内容_Javascript_Jquery_Ajax - Fatal编程技术网

Javascript 通过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(

我创建了这个用于加载数据的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('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
  }
});