コールバックに直接入れずに$ .ajaxの成功後に関数を実行

Question

私のコードの多くの部分がこの関数を呼び出しています。私はaddProductCart()を呼び出す前に、私はテスト関数を呼び出す必要がある、しかし、他のプロセスがテスト関数を呼び出し、

addProductCart(productID); 

：

function test() { 
    $.ajax({ 
    url : url, 
    type : 'GET', 
    success : { 
     verifyID(); 
     verifyName(); 
     verifyBlah(); 
    } 
    }); 
} 

は、私は、この他の機能を持っています。

私はこれを行うにしたいと思います：

test() ---> if test ok (success) ----> addProductCart() 

しかし、私が言ったように、他の多くのプロセスがテスト関数を呼び出す、ので、私は成功のテスト関数に私の機能（addProductCart）を設定することはできません。

どうすればいいですか？

Answer 1

使用約束！

戻りそうのようなtest機能からの約束：

function test() { 
    return $.ajax({ // <----- Notice the return statement here 
    url : url, 
    type : 'GET', 
    success : { 
     verifyID(); 
     verifyName(); 
     verifyBlah(); 
    } 
    }); 
} 

あなたが何かをテストし、これはあなたが行うことができます通過するときに、コードの別の部分を実行するために、この機能を使用する必要があります。

test().then(function(data, textStatus){ 
    //do thing 1 
    addProductCart() 
    // you can use data or textStatus returned by your ajax function here too! 
}); 

test(someParam).then(function(data, textStatus){ // <--- You can even pass parameters to test function like here, and make it do different ajax call based on your param 
    //do thing 2 
}); 

詳細については、jQuery docs for $.ajaxを参照してください。関数

ここには、あなたがそれらに精通していない場合は、あなたが始めるためにJavaScriptの約束をコンセプトに偉大なtutorialです。