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

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个带有按钮的HTML页面。当我单击该按钮时，我需要调用REST

Web服务API。我尝试在任何地方在线搜索。毫无头绪。有人可以给我牵头/抢先吗？非常感谢。

回答：

我很惊讶没有人提到新的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
}

以上是 如何从JavaScript调用REST Web服务API？ 的全部内容， 来源链接： utcz.com/qa/426224.html

回到顶部