javascript - AJAX打开错误

Question

收到此错误，不知道为什么...谢谢:)

uncaught InvalidStateError: Failed to execute 'send' on 'XMLHttpRequest': The object's state must be OPENED.

$(document).ready(function(){
    var request = new XMLHttpRequest();

    request.onreadystatechange = function(){
        if(request.readyState === 4) {
                            console.log("4 request");
            if(request.status === 200) {
                $(".container").innerHTML = request.responseText;
                console.log("200 request");
            }
        }
    };

    request.open('GET', 'bio.txt', true);

    $("#send-btn").on("click", function(){
        request.send();
    });
});

Answer 1

XMLHttpRequest 对象经历了许多different states .

调用 request.open 后，它会进入 OPENED 状态。

当您单击该按钮时，它会经历后面的状态并最终显示为“完成”。

当您再次单击按钮时，它已完成且未打开，因此您会收到错误消息。

<小时/>

在click事件处理程序内部创建XHR对象(并对其调用open等)。