Question

我在尝试向我的ajax网址添加某种类型的自动增量时遇到问题。

url: 'http://www.pgtpackages.com/api_courselist.php?page=('i')&&format=html'
var i = i +1;

我想要它，以便每次滚动条到达底部时，页码将增加1以拉出下一组结果。

任何帮助或指导？

以下是我的完整代码以防万一。

jQuery(document).ready(function() {
    var is_loaded = true;
    jQuery(window).scroll(function() {
        if(jQuery(window).scrollTop() == jQuery(document).height() -   jQuery(window).height()) {
            jQuery('div#loadMore').show();
            if(is_loaded){
                is_loaded = false;
                jQuery.ajax({
                    type: 'GET',

                    url: 'http://www.pgtpackages.com/api_courselist.php?page=2&&format=html',

                    success: function(html) {
                        console.log(html);
                        is_loaded = true;
                        if(html){
                            jQuery("#infiscroll").append(html);
                            jQuery('div#loadMore').hide();
                        }else{
                            jQuery('div#loadMore').replaceWith("<center><h1  style='color:red'>End of Content !!!!!!!</h1></center>");
                        }
                    }
                });
            }
        }
    });
});

Answer 1

您是否有理由不能像is_loaded变量一样处理此计数器？

jQuery(document).ready(function() {
        var is_loaded = true;
        **var nextPage = 2;**
        jQuery(window).scroll(function() {
            if(jQuery(window).scrollTop() == jQuery(document).height() -   jQuery(window).height()) {
                jQuery('div#loadMore').show();
                if(is_loaded){
                    is_loaded = false;
                    jQuery.ajax({
                        type: 'GET',

                        **url: 'http://www.pgtpackages.com/api_courselist.php?page=' + nextPage + '&&format=html',**

                        success: function(html) {
                            console.log(html);
                            is_loaded = true;
                            **nextPage++;**
                            if(html){
                                jQuery("#infiscroll").append(html);
                                jQuery('div#loadMore').hide();
                            }else{
                                jQuery('div#loadMore').replaceWith("<center><h1  style='color:red'>End of Content !!!!!!!</h1></center>");
                            }
                        }
                    });
                }
            }
        });
    });
});

Answer 2

试试这个：

jQuery(document).ready(function() {
    var is_loaded = true;
    var counter = 0; // initialize the counter variable
    jQuery(window).scroll(function() {
        if(jQuery(window).scrollTop() == jQuery(document).height() -   jQuery(window).height()) {
        counter++; // here the counter increases plus one asuming that the scroller hits the bottom the page
            jQuery('div#loadMore').show();
            if(is_loaded){
                is_loaded = false;
                jQuery.ajax({
                    type: 'GET',

                    url: 'http://www.pgtpackages.com/api_courselist.php?page=' 
    + counter + '&format=html',

                    success: function(html) {
                        console.log(html);
                        is_loaded = true;
                        if(html){
                            jQuery("#infiscroll").append(html);
                            jQuery('div#loadMore').hide();
                        }else{
                            jQuery('div#loadMore').replaceWith("<center><h1  style='color:red'>End of Content !!!!!!!</h1></center>");
                        }
                    }
                });
            }
        }
    });
});

在我的网址中添加自动增量？

2 个答案: