Javascript Ajax获取远程Url的返回判断通常包括以下几个步骤:
var request;
if (window.XMLHttpRequest) {
// 非IE浏览器
request = new XMLHttpRequest();
} else if (window.ActiveXObject) {
// IE浏览器
request = new ActiveXObject("Microsoft.XMLHTTP");
}
首先我们需要创建一个XMLHttpRequest对象,这个对象可以用来发送和接收HTTP请求和响应。
var url = "http://example.com/test.php";
var method = "POST";
request.open(method, url, true);
使用open()方法设置请求的方式和请求的地址。其中第一个参数表示请求的方式,可以是GET或POST;第二个参数表示请求的地址;第三个参数表示是否异步,一般都设置为true,表示异步请求。
request.send();
使用send()方法发送请求。
request.onreadystatechange = function () {
if (request.readyState === 4) {
if (request.status === 200) {
// 请求成功
} else {
// 请求失败
}
}
};
使用onreadystatechange事件监听状态变化。当readyState属性值为4时,表示请求结束。此时可以根据HTTP状态码判断请求是否成功。
下面给出两个示例:
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"地址,然后根据返回的状态来判断请求是否成功。
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