ajax - 使用 XmlHttpRequest 控制流？

Question

XmlHttpRequest 通过回调工作。那么我怎样才能返回一个值呢？我试图设置一个全局变量，但这似乎不起作用。

var response = null; // contains the most recent XmlHttpRequest response

// loads the info for this username on the page
function loadUsernameInfo(username) {
    getUserInfo(username);
    var profile = response;
    if (profile) {
        // do stuff
    }
    else {
        indicateInvalidUsername(username);
    }
}

getUserInfo()由于回调，无法返回结果：

function getUserInfo(username) {
    var request = createRequest();
    request.onreadystatechange = userObjFromJSON;
    var twitterURL = "http://twitter.com/users/show/" + escape(username) + ".json";
    var url = "url.php?url=" + twitterURL;
    request.open("GET", url, true);
    request.send(null);
}

回调：

function userObjFromJSON() {
    if (this.readyState == 4) {
        alert(this.responseText);
        response = this.responseText;
    }
}

我怎样才能得到回复loadUsernameInfo()？

Answer 1

您可以执行同步请求，但不建议这样做 - A 代表异步......但正确实现此的一般想法是：

var response = null; // contains the most recent XmlHttpRequest response

// loads the info for this username on the page
function loadUsernameInfo(username) {
    getUserInfo(username, onLoadUsernameComplete);
}

function getUserInfo(username, oncomplete) {
    var request = createRequest();
    request.__username = username;
    request.onreadystatechange = oncomplete;
    var twitterURL = "http://twitter.com/users/show/" + escape(username) + ".json";
    var url = "url.php?url=" + twitterURL;
    request.open("GET", url, true);
    request.send(null);
}

function onLoadUsernameComplete(req) {
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            var profile = req.responseXML;
            if (profile) {
                // do stuff
            }
            else {
                indicateInvalidUsername(req.__username);
            }
        }
    }
}