不赞成在主线程上使用同步XMLHttpRequest，因为它会对最终用户的体验产生不利影响-警告

Question

我收到此警告，但不知道该怎么办。

js代码：

var xhttp = new XMLHttpRequest();

subBtn.addEventListener("click",function(){
    var crd = document.createElement("div");
    crd.setAttribute("class", "card");
    crd.innerHTML = inptTxt.value;
    contDiv .appendChild(crd);
    xhttp.onreadystatechange=function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementsByClassName("card").bgColor = JSON.parse(this.responseText).color;          
        }
    };
    xhttp.open("GET","http://api.creativehandles.com/getRandomColor","" ,true);
    xhttp.send(); 
})

我该如何解决这个问题？

Answer 1

将打开的行更改为

xhttp.open("GET","http://api.creativehandles.com/getRandomColor",true);