XMLHttpRequest已经被弃用，应该使用什么替代它？

Question

尝试使用纯JS方法检查我是否具有有效的JS图像URL。我收到一个警告，提示XMLHttpRequest已被弃用。有更好的方法吗？

尝试使用纯JS方法检查我是否具有有效的JS图像URL。我收到一个警告，提示XMLHttpRequest已被弃用。有更好的方法吗？

urlExists(url) {
    const http = new XMLHttpRequest();
    http.open('HEAD', url, false);
    http.send();
    if (http.status !== 404) {
      return true;
    }
    return false;
  }

- allencoded

---

你在哪个环境/浏览器中收到了警告？ - Chris Tavares

请阅读您收到的完整警告。 - Dekel

可能是 Alternatives for Javascript Synchronous XMLHttpRequest (as timing out in Safari) 的重复问题。 - Sebastian Simon

这是异步XMLHttpRequest的最简单用法。https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests - bodomalo

Answer 1

你可能会收到这样一条消息，提示XMLHttpRequest的同步使用被弃用了（因为它对用户体验有害，会在等待响应时冻结页面）。我可以向您保证，该API的正确异步使用方式并没有被弃用。

以下是正确使用的示例代码：

var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() {
    if (this.readyState === this.DONE) {
        console.log(this.status) // do something; the request has completed
    }
}
xhr.open("HEAD", "http://example.com") // replace with URL of your choosing
xhr.send()

- gyre

Answer 2

警告的原因是在http.open('HEAD', url, false);中你将第三个参数（async）设置为false。根据https://xhr.spec.whatwg.org/#synchronous-flag，它应该被设置为true。

- bakrall

Answer 3

警告很可能是因为你正在尝试进行同步请求。

- user744621

Answer 4

XMLHttpRequest已被弃用，因为自2015年起，Fetch API取代了它的位置。官方在2023年正式弃用。

await fetch(url, {
    method: "POST", // GET, POST, PUT, DELETE
    mode: "cors", // no-cors, cors, same-origin
    cache: "no-cache", // default, no-cache, reload, force-cache, only-if-cached
    credentials: "same-origin", // include, same-origin, omit
    headers: {
      "Content-Type": "application/json",
      // 'Content-Type': 'application/x-www-form-urlencoded',
    }, extra options);

如果某些东西被弃用了，Mozilla会找到特定于HTTP相关领域的替代方法。

- 이재찬