JavaScript から REST Web サービス API を呼び出すにはどうすればいいですか? 質問する

執筆時点では IE11 を除くすべてのブラウザーでサポートされている新しい Fetch API について誰も言及していないことに驚いています。この API は、他の多くの例で見られる XMLHttpRequest 構文を簡素化します。

APIには以下が含まれますもっとたくさんただし、fetch()メソッドから始めます。このメソッドは 2 つの引数を取ります。

1. リクエストを表す URL またはオブジェクト。
2. メソッド、ヘッダー、本文などを含むオプションの init オブジェクト。

シンプルなGET:

const userAction = async () => {
  const response = await fetch('http://example.com/movies.json');
  const myJson = await response.json(); //extract JSON from the http response
  // do something with myJson
}

const userAction = async () => {
  const response = await fetch('http://example.com/movies.json', {
    method: 'POST',
    body: myBody, // string or object
    headers: {
      'Content-Type': 'application/json'
    }
  });
  const myJson = await response.json(); //extract JSON from the http response
  // do something with myJson
}