关键词

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"。

本文链接:http://task.lmcjl.com/news/10101.html

展开阅读全文