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

Question

我有一个带有按钮的HTML页面。当我单击该按钮时，我需要调用REST
Web服务API。我尝试在任何地方在线搜索。毫无头绪。有人可以给我牵头/抢先吗？非常感谢。

Answer 1

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

API包含更多内容，但从fetch()方法开始。它有两个参数：

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

简单的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
}