XMLHTTPRequest笔记

网页通信中基本的XMLHttpRequest方式

var request;
if(window.XMLHttpRequest){
request = new XMLHttpRequest();
}else{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
request.open("GET/POST","url",true);//true表示异步的false表示的是同步的请求
request.send()
//一般情况下POST请求要写 request.setRequestHeader("Content-type","application/x-www-form-urlencoded")
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){
表示请求成功
执行相应的函数
获得的值可以用request.responseText来接受
}
}

我们在使用的时候一般会引用第三方的库，来简化请求的实现以及相应的兼容性处理，比如常用的JQuery库

$.ajax({
type:"GET",
url:地址,
dataType: "json",
success: function(){
成功后调用的函数
},
error: function(){
失败后调用的函数
}
})

$.ajax({
type:"POST",
url:地址,
data: {
表示传送的对象
一般是使用json
},
success: function(){
成功后调用的函数
},
error:function(){
失败后调用的函数
}
})

跨域

常见的一个域名地址是由

协议

、

子域名

、

主域名

、

端口号

、

请求资源的地址

组成，当协议、子域名、主域名、端口号中任意一个不相同时，都算作是不同域，不同域之间相互请求资源就会发生“跨域”。

一般的解决办法有三种

1. 使用代理

2. 使用JSONP，此方法只能解决get请求

3. 使用XHR2，此方法IE10以下的不支持