AJAX 호출 최적화

Question

저는 AJAX (jQuery AJAX가 구체적 임)를 처음 접했고 PHP 함수 (WordPress를 통해)에 3 번 게시하고 싶습니다. 3 POST 요청을 보내는 대신 AJAX 호출 병합을 호출하는 방법이 있습니까? 현재

나는 다음과 같은 한 :

$.ajax({ 
    url: ajaxurl, 
    async: false, 
    cache: false, 
    type: "POST", 
    cache: false, 
    data: { action: 'box', id: box_id, target: "float", value_aj: "none" } 
}); 

$.ajax({ 
    url: ajaxurl, 
    async: false, 
    cache: false, 
    type: "POST", 
    cache: false, 
    data: { action: 'box', id: box_id, target: "width", value_aj: "1499" } 
}); 

$.ajax({ 
    url: ajaxurl, 
    async: false, 
    cache: false, 
    type: "POST", 
    cache: false, 
    data: { action: 'box', id: box_id, target: "margin", value_aj: "auto"} 
}); 

분명이 할 수있는 더 나은 방법이있다? 기본적으로 데이터를받는 함수는 텍스트 파일에 게시하는 것입니다.

간혹 비동기가 없으면 3 차 AJAX 호출 만 실행됩니다. 그래서 나는 비동기를 사용하지만 분명히 3이 완료 될 때까지 차단 될 것입니다 (이것은 나쁘다).

하나의 호출 내에서이 작업을 수행하는 더 효과적인 방법이 있습니까?

감사합니다.

Answer 1

OP와 동일하지만 비동기입니다. 그리고 ajaxSetup을 사용하면

$.ajaxSetup(
    { 
     url: ajaxurl, 
     cache: false 
    } 
); 

$.ajax({ 
    type: "POST", 
    data: { action: 'box', id: box_id, target: "float", value_aj: "none" } 
    success: function(){ 
     $.ajax({ 
      type: "POST", 
      data: { action: 'box', id: box_id, target: "width", value_aj: "1499" } 
      success: function(){ 
       $.ajax({ 
        type: "POST", 
        data: { action: 'box', id: box_id, target: "margin", value_aj: "auto"} 
       }); 
      } 
    }); 
    } 
});