jQuery传递推迟,答应,做ajax,正确的模式做

时间:2019-03-11 09:47:28

标签: javascript jquery ajax promise deferred

我有2个jquery插件(简化了代码):

row_number() over

有没有一种方法可以调用infinityLoader并以某种方式将诺言传递给loadPageContent,这样我就可以做到:

(function ($, window, document, undefined) {
    $.fn.loadPageContent = function (url, postData) {
        url = url || window.location.href;
        postData = postData ? postData : {};
        return $.post(url, postData);
    }
})( jQuery, window, document );

(function ($, window, document, undefined) {
    $.fn.infinityLoader = function (url, startPageNo, postData ) {
        var $elms = this;
        $(window).on('scroll.infinityScroll', function() {
            if($(window).scrollTop() + $(window).height() > $(document).height()) {
                $elms.loadPageContent(url, postData);
            }
        });
    }
})( jQuery, window, document );

1 个答案:

答案 0 :(得分:0)

像这样更改您的infinityLoader函数。请记住,完成Deferred发布后,您必须解析loadPageContent对象。

(function ($, window, document, undefined) {
        $.fn.infinityLoader = function (url, startPageNo, postData) {
            var d = $.Deferred();
            var $elms = this;
            $(window).on('scroll.infinityScroll', function () {
                if ($(window).scrollTop() + $(window).height() > $(document).height()) {
                    $elms.loadPageContent(url, postData).done(function () {

                        d.resolve();
                    });
                }
            });
            return d.promise();
        }
    })(jQuery, window, document);