php - 如何在下一个查询中使用 jQuery AJAX .done 变量

Question

我想知道如何从 done 方法返回页面变量，以便下次单击“.morePlease”时它会发送新的页面值(由我的后端 php 返回并返回)。

(function($) {
    var page ='';

$(document).on( 'click', '.morePlease', function( event ) {
    event.preventDefault();
    getMorePosts(page);
})

function getMorePosts(page) { 
    $.ajax({
    url: '<?=$ajaxUrl?>',
    type: 'post',
    data: {
    action: 'ajax_pagination',
    query_vars:'<?=$query?>',
    page: page
    }
    }).done(function(response) {
        var obj=$.parseJSON(response);
        page = obj.page;
    }).fail(function() {
       alert( 'no result ' ); 
    });
}
})(jQuery);

Answer 1

您可以将它放在外面以使其在您的所有函数中都可以全局访问

  page = 1;
 // now this page will be initialized once on page reload and its value 
 // will exists and changing on entire page
 (function($) {
      $(document).on( 'click', '.morePlease', function( event ) {
         event.preventDefault();
         getMorePosts(page);
      })

     function getMorePosts(page) { 
         $.ajax({
             url: '<?=$ajaxUrl?>',
             type: 'post',
             data: {
                 action: 'ajax_pagination',
                 query_vars:'<?=$query?>',
                 page: page
             }
         }).done(function(response) {
             var obj=$.parseJSON(response);
             page = obj.page;
         }).fail(function() {
             alert( 'no result ' ); 
         });
   }
})(jQuery);