将.load转换为.ajax

时间:2013-01-17 08:08:55

标签: jquery ajax

我正在努力将以下内容从使用.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.');
                }
            }
        );

1 个答案:

答案 0 :(得分:0)

 $(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);
           }
});