javascript Ajax获取远程url的返回判断

Javascript Ajax获取远程Url的返回判断通常包括以下几个步骤：

1. 创建XMLHttpRequest对象

var request;
if (window.XMLHttpRequest) {
    // 非IE浏览器
    request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    // IE浏览器
    request = new ActiveXObject("Microsoft.XMLHTTP");
}

首先我们需要创建一个XMLHttpRequest对象，这个对象可以用来发送和接收HTTP请求和响应。

2. 设置请求方式和请求地址

var url = "http://example.com/test.php";
var method = "POST";
request.open(method, url, true);

使用open()方法设置请求的方式和请求的地址。其中第一个参数表示请求的方式，可以是GET或POST；第二个参数表示请求的地址；第三个参数表示是否异步，一般都设置为true，表示异步请求。

3. 发送请求

request.send();

使用send()方法发送请求。

4. 监听状态变化

request.onreadystatechange = function () {
    if (request.readyState === 4) {
        if (request.status === 200) {
            // 请求成功
        } else {
            // 请求失败
        }
    }
};

使用onreadystatechange事件监听状态变化。当readyState属性值为4时，表示请求结束。此时可以根据HTTP状态码判断请求是否成功。

下面给出两个示例：

示例1：

var request;
if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
}

var url = "http://example.com/test.php";
var method = "GET";
request.open(method, url, true);
request.send();

request.onreadystatechange = function () {
    if (request.readyState === 4) {
        if (request.status === 200) {
            var responseText = request.responseText;
            console.log("请求成功：" + responseText);
        } else {
            console.log("请求失败：" + request.status);
        }
    }
};

这个示例中，我们使用GET方式发送一个请求到"http://example.com/test.php"地址，然后根据返回的状态来判断请求是否成功。

示例2：

var request;
if (window.XMLHttpRequest) {
    request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    request = new ActiveXObject("Microsoft.XMLHTTP");
}

var url = "http://example.com/test.php";
var method = "POST";
var data = "foo=bar&baz=qux";
request.open(method, url, true);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(data);

request.onreadystatechange = function () {
    if (request.readyState === 4) {
        if (request.status === 200) {
            var responseText = request.responseText;
            console.log("请求成功：" + responseText);
        } else {
            console.log("请求失败：" + request.status);
        }
    }
};

这个示例中，我们使用POST方式发送一个请求到"http://example.com/test.php"地址，请求的数据为"foo=bar&baz=qux"，然后根据返回的状态来判断请求是否成功。注意，使用POST方式发送请求时，需要设置请求头中的"Content-Type"为"application/x-www-form-urlencoded"。