jquery - 将 .load 转换为 .ajax

Question

我正在努力将以下内容从使用 .load 转换为 .ajax ，因为我想在进行 ajax 调用后使用 ajaxComplete 来启动插件。

下面是我拥有的当前代码，当我到达一堵砖墙时，我需要一些关于如何转换它的指导。

$('.pbd-alp-placeholder-'+ pageNum).load(nextLink + ' .post',
            function() {



                // Update page number and nextLink.
                                    $( this ).hide().fadeIn(500);
                pageNum++;
                                    nextLink = nextLink.replace(/paged[=].[0-9]*/, 'paged='+ pageNum);

                // Add a new placeholder, for when user clicks again.
                $('#pbd-alp-load-posts')
                    .before('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')
                $.ajax({});
                // Update the button message.
                if(pageNum <= max) {
                    $('#pbd-alp-load-posts a').text('Load More Posts');
                                            $('#contentWrapper').stellar('refresh');
                } else {
                    $('#pbd-alp-load-posts a').text('No more posts to load.');
                }
            }
        );

Answer 1

 $(element).load( url [, data ] [, complete(responseText, textStatus, XMLHttpRequest) ] )

可以转换成这个

$.ajax(function(){
            url:"",
            data:{},
            complete:function(responseText, textStatus, XMLHttpRequest){
           }
});

有了这个你可以一点一点地转换它=）

例子：

$("#myelemdiv").load("/not-here.php",{"mydata":"hellodata"} function(response, status, xhr) {

});

可以转换成这样

$.ajax(function(){
            url:"/not-here.php",
            data:{"mydata":"hellodata"},
            complete:function(response, status, xhr){
              $("#myelemdiv").html(response);
           }
});