小编典典

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

javascript

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


阅读 730

收藏
2020-05-01

共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
}
2020-05-01