XMLHttpRequest는 더 이상 사용되지 않습니다. 대신 무엇을 사용해야합니까?

Question

유효한 JS 이미지 URL이 있는지 확인하기 위해 순수 JS 방식을 사용하려고합니다. 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()

Answer 2

경고는 동기 요청을 수행하려고하는 것이 원인 일 수 있습니다.