jQuery ajax then

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

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('問題');//失敗時コールバック
    }
});

参照

deferred.then()
・「結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話

created by Rinker
¥3,960 (2021/10/24 12:21:30時点 楽天市場調べ-詳細)
created by Rinker
¥2,838 (2021/10/24 12:21:30時点 楽天市場調べ-詳細)

basic, javascript, php, programming

Posted by himajinn