- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2022/07/25 17:16:54
更新日:2022/07/25 17:17:00

jQueryのajaxからfetchによるリクエストへ移行してみる。

・ajaxとfetch、使い方も似ているけど、実際は結構違う。
・似ているからこそややこしくて間違えやすい。
・流れとしてはfetch利用が増えている。

使い方



// ajax
$(function(){
    $.ajax({
        url: 'ここに取得したいURLまたはディレクトリを入力'
    }).done(function(data){
        /* 通信成功時 */
        
    }).fail(function(data){
        /* 通信失敗時 */
        
    }).always(function(data){
        /* 通信成功・失敗問わず */
        
    });
});

// fetch
fetch('http://...', { オプション })

.then((response) => {

    if (!response.ok) {

        throw new Error();

    }

    return response.blob(); // あるいは response.json()

})

.then((blob) => {



})

.catch((reason) => {

    // エラー

});



参考


https://atfeo.hatenablog.com/entry/2016/11/21/224542
https://www.air-h.jp/articles/emopro/ajax%E3%81%BE%E3%81%A8%E3%82%81xhr-jquery-axios-fetch/


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}