JavaScript

[Fetch API] Ajaxの代わりのありがちなアレ

最近Fetch APIに興味を持ち始めて、ぼちぼち調べている。
Promiseって、理解すると凄く便利そうだなぁと思う今日この頃。

とりあえず、Ajaxでうんたらかんたらする代わりに、fetchでやってみよう!というお話。
とにかく、シンプルで使い回せそうなものを見付けるのである (´・ω・`)

hoge.js
function hoge() {
    var form_data = new FormData();
    form_data.xxx_id = 1;

    fetch('./hoge.php', {
       method: 'POST',
       body: form_data 
    })
    .then(response => {
        return response.json();
    })
    .then(json=> {
        console.log(json.result);
    });
}

fetch()が済んだらresponseを返し、そこからjsonを取り出して値を取り出して。
いぇー ( ・`ω・´)