函数调用另一个无需等待完成

Question

在我的方法feedContactCategorySelection，我想等待assignContactCategoryToLocal呼叫完成继续运行代码

feedContactCategorySelection(); 

function feedContactCategorySelection(){ 

    assignContactCategoryToLocal(); 

    var category = sessionStorage.getItem("category"); 

    category = JSON.parse(category); 
    for (var i = 0; category["data"].length; i++) { 
    //.... 
    } 
} 


function assignContactCategoryToLocal() { 

    var category = sessionStorage.getItem("category"); 
    if (category == null) { 
    $.ajax({ 
     url: 'http://localhost:8080/rest/contact/category', 
     type: 'GET', 
     success: function (json) { 
      sessionStorage.setItem("category", JSON.stringify(json)); 
     } 
    }); 
} 

Answer 1

其余考虑在这种情况下使用Promise之前。

伪代码如下：

feedContactCategorySelection(); 

function feedContactCategorySelection(){ 

    assignContactCategoryToLocal().then(function(){ 
    var category = sessionStorage.getItem("category"); 

    category = JSON.parse(category); 
    for (var i = 0; category["data"].length; i++) { 
    .... 
    } 
    }) 

} 

function assignContactCategoryToLocal() { 
    return new Promise(function(resolve, reject){ 
    var category = sessionStorage.getItem("category"); 
    if (category == null) { 
    $.ajax({ 
     url: 'http://localhost:8080/rest/contact/category', 
     type: 'GET', 
     success: function (json) { 
      sessionStorage.setItem("category", JSON.stringify(json)); 
      resolve() 
     } 
     failed:{reject(reason)} 
    }); 
    })  

} 

Answer 2

您可以传递一个回调函数来assignContactCategoryToLocal()这样你可以继续运行，只有当AJAX完成的代码。事情是这样的：

feedContactCategorySelection(); 

function feedContactCategorySelection() { 
    // Do anything here before running the ajax 
    // For instance, get category and pass it to the assignContact... 
    var category = sessionStorage.getItem("category"); 
    ... 
    assignContactCategoryToLocal(category, myCallbackFunction); 
} 

function myCallbackFunction(category) { 
    category = JSON.parse(category); 
    for (var i = 0; category["data"].length; i++) { 
     .... 
    } 
} 

function assignContactCategoryToLocal(category, callback) { 

    if (category == null) { 
     $.ajax({ 
      url: 'http://localhost:8080/rest/contact/category', 
      type: 'GET', 
      success: function (json) { 
       sessionStorage.setItem("category", JSON.stringify(json)); 
       // Now that it is done and successful, run the rest... 
       callback(category); 
      } 
     }); 
    } 
} 

了一个例子，你可以得到的类别一次，然后把它传递的功能，也许可以帮助理解它们是如何连接。

编辑： 要与该类别是null解决这个问题，这里是一个修订版。

feedContactCategorySelection(); 

function feedContactCategorySelection() { 
    // Do anything here before running the ajax 
    // For instance, get category and pass it to the assignContact... 
    var category = sessionStorage.getItem("category"); 
    ... 

    // Move the if statement here so it checks the condition earlier. 
    if (category === null) { 
     assignContactCategoryToLocal(category, myCallbackFunction); 
    } else { 
     myCallbackFunction(category); 
    } 
} 

function myCallbackFunction(category) { 
    category = JSON.parse(category); 
    for (var i = 0; category["data"].length; i++) { 
     .... 
    } 
} 

function assignContactCategoryToLocal(category, callback) { 
    $.ajax({ 
     url: 'http://localhost:8080/rest/contact/category', 
     type: 'GET', 
     success: function (json) { 
      sessionStorage.setItem("category", JSON.stringify(json));       
      // Now that it is done and successful, run the rest... 
      callback(category); 
     } 
    }); 
} 

Answer 3

function feedContactCategorySelection() {  
    // `data` : `sessionStorage.getItem("category")` or response from `$.ajax()` 
    assignContactCategoryToLocal().then(function(data) { 
     // if `category` set , return `category` , else set `category` 
     var category = sessionStorage.getItem("category") != null 
        ? sessionStorage.getItem("category") 
        : sessionStorage.setItem("category", JSON.stringify(data)); 
     category = JSON.parse(category); 
     for (var i = 0; category["data"].length; i++) { 
     //.... 
     } 
    // handle errors, if any, from `$.ajax()` call 
    }, function err(jqxhr, textStatus, errorThrown) { 
     console.log(textStatus, errorThrown) 
    }) 
} 

function assignContactCategoryToLocal() { 
    var category = sessionStorage.getItem("category"); 
    // if `category` is `null` , return `$.ajax()` response 
    return category == null 
     ? $.ajax({ 
      url: 'http://localhost:8080/rest/contact/category', 
      type: 'GET' 
     }) 
     : $.when(category) 
} 

Answer 4

请检查我已经添加async: false,等到获得Ajax响应。

feedContactCategorySelection(); 

function feedContactCategorySelection(){ 

    assignContactCategoryToLocal(); 

    var category = sessionStorage.getItem("category"); 

    category = JSON.parse(category); 
    for (var i = 0; category["data"].length; i++) { 
    //.... 
    } 
} 


function assignContactCategoryToLocal() { 

    var category = sessionStorage.getItem("category"); 
    if (category == null) { 
    $.ajax({ 
     url: 'http://localhost:8080/rest/contact/category', 
     type: 'GET', 
     async: false, 
     success: function (json) { 
      sessionStorage.setItem("category", JSON.stringify(json)); 
     } 
    }); 
}