javascript - XMLHttpRequest 已弃用。用什么代替？

Question

尝试使用纯 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;
  }

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()