【JavaScript/jQuery】ajax then

バージョンやコールバックネスト地獄等の問題により、thenを使う方が良いらしい。

Contents

1. then
- 1.1. done , fail
- 1.2. success, error
2. 参照

then

function getData(url){
    var orgAjax = $.ajax;
    orgAjax({
        type:GET',
        url: url
    })
    .then(function(response) {
        contents.html(response).fadeIn(0);//成功時コールバック
    },
    function(){
        alert('問題');//失敗時コールバック
    });
}

done , fail

function getData(url){
    var orgAjax = $.ajax;
    orgAjax({
        type:GET',
        url: url
    })
    .done(function(response) {
        contents.html(response).fadeIn(0);//成功時コールバック
    })
    .fail(function(){
        alert('問題');//失敗時コールバック
    });
    
}

success, error

$.ajax({
    type:'GET',
    url: url,
    success: function(data){
        contents.html(data).fadeIn(0);//成功時コールバック
    },
    error:function() {
        alert('問題');//失敗時コールバック
    }
});