Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.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
Jquery 当ajax查询不返回数据时如何更改div_Jquery_Load_Scroll - Fatal编程技术网

Jquery 当ajax查询不返回数据时如何更改div

Jquery 当ajax查询不返回数据时如何更改div,jquery,load,scroll,Jquery,Load,Scroll,当浏览量达到40%滚动时,我使用jquery/ajax获取更多信息 这是查询脚本 $(document).ready(function(){ var fetching = false; function lastPostFunc() { fetching = true; $('div#loadmorebutton').html('<a>Loading...pls wait</a>');

当浏览量达到40%滚动时,我使用jquery/ajax获取更多信息

这是查询脚本

$(document).ready(function(){
    var fetching = false;

        function lastPostFunc() {
            fetching = true;
                $('div#loadmorebutton').html('<a>Loading...pls wait</a>');
                $.post("loadmore.php?id=1&lastid="+$(".postitem:last").attr("id"),

        function(data){
            if (data != "") {
                    $(".postitem:last").after(data);
                        setTimeout(function(){
                        fetching = false;
                        },300);
                        $('div#loadmorebutton').empty();
                    } 
            });
        };


$(window).scroll(function(){
    var bufferzone = $(window).scrollTop() * 0.40;
    if (!fetching && ($(window).scrollTop() + bufferzone > ($(document).height()- $(window).height() ) )){
    lastPostFunc();
    } 
}); 
})

加载div越大

<div id="loadmorebutton">Loading...pls wait</div>
一切都很好,但当它到达最后一个内容或没有更多的内容加载,我想加载…请等待更改为像没有更多的内容加载。目前,装载量保持不变…请稍候。我该怎么办

注意。下面的脚本可以工作,并完成从加载更多内容到不再加载更多内容的更改。我不使用此脚本的原因是,只有当您到达屏幕底部时才会触发此脚本,从而导致双倍加载或AAA次数。尝试合并代码,但仍然不起作用

$(window).scroll(function(){
        if($(window).scrollTop() == $(document).height() - $(window).height()){
            $('div#loadmorebutton').show();
            $.ajax({url: "loadmore.php?id=01&lastid=" + $(".postitem:last").attr("id"),
        success: function(html){
                    if(html){
                        $("#postswrapper").append(html);
                        $('div#loadmorebutton').hide();
                    }else{
                        $('div#loadmorebutton').html('<a>No more posts to show.</a>');
                    }
                }
            });
        }
    });

我想当没有更多的内容时,你会从服务器上收到一条消息。当你得到这些信息时,你应该能够根据这些信息设置一条消息。运行AJAX时查看完整的设置。在这里查找这个“jqXHR,textStatus”:它应该返回消息,设置一个规则,然后您可以更新DOM

太酷了。我不是一个程序员,我只是一个设计师,我只是在尝试一些脚本。只是希望有人能够编辑上面的脚本做什么,我希望它做。