製作JQuery ajax請求有條件的

Question

我想跳過所有這段代碼，如果一些先決條件不滿足，但我也想移動函數中括號之間的所有代碼。它允許嗎？我不明白這個語法是如何工作的。

$.ajax({ 
     type: "POST", 
     url: urlAppend, 
     data: JSON.stringify(xxx), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     processdata: false, 
     success: function (result) { 
      if (canceled) { 
       return; 
      } 
       //Long code 
      } 
     //Long code 2 
     }, 
     error: function (request, error) { 
      alert('ppp'); 
     } 
    }); 

Answer 1

將您$.ajax調用成一個函數，然後包裹調用該函數在條件表達式：

function makeRequest(){ 
    $.ajax(...) 
} 

if (some_condition){ 
    makeRequest(); 
} 

請記住，您正在使用AJAX的回調裏面的一些變量（即canceled變量）。您必須使該變量可用於該函數。

Answer 2

function doComplexStuff(){ 

} 

$.ajax({ 
     type: "POST", 
     url: urlAppend, 
     data: JSON.stringify(xxx), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     processdata: false, 
     success: doComplexStuff, 
     error: function (request, error) { 
      alert('ppp'); 
     } 
    }); 

doComplexStuff將自動接收成功函數收到的所有參數。

Answer 3

試試這個：

function runAjax(params){ 
    $.ajax({ 
     type: params["post"], 
     url: params["url"], 
     data: params["data"], 
     contentType: params["content_type"], 
     dataType: params["json"], 
     processdata: params["process_bool"], 
     success: function (result) { 
      if (params["canceled"]) { 
       return; 
      } 
       //Long code 
      } 
     //Long code 2 
     }, 
     error: function (request, error) { 
      alert('ppp'); 
     } 
    }); 
} 

if(condition){ 
    var options = { 
     //set options here 
    }; 
    runAjax(options); 
} 

Answer 4

此樣本請看：

function callAjax(condition) { 
    if (condition) { 
     $.ajax({ 
      type: "POST", 
      url: urlAppend, 
      data: JSON.stringify(xxx), 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      processdata: false, 
      success: function (result) { 
       if (canceled) { 
        return; 
       } 
        //Long code 
       } 
      //Long code 2 
      }, 
      error: function (request, error) { 
       alert('ppp'); 
      } 
     }); 
    } 
} 

// Somewhere in your code 
callAjax(condition);