javascript - 如何从 JavaScript 调用 REST Web 服务 API？

Question

我有一个带有按钮的 HTML 页面。当我单击该按钮时，我需要调用 REST Web 服务 API。我试着在网上到处搜索。一点头绪都没有。有人可以给我一个线索/抢先一步吗？非常感谢。

Answer 1

我很惊讶没有人提到新的 Fetch API，在撰写本文时除 IE11 外，所有浏览器都支持它。它简化了您在许多其他示例中看到的 XMLHttpRequest 语法。

API 包括 a lot more ，但从 fetch() 方法开始。它需要两个参数:

1. 表示请求的 URL 或对象。
2. 包含方法、标题、正文等的可选初始化对象。

简单获取:

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
}

重新创建以前的 top answer ，一个帖子:

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
}