get同源请求
var xhr;if(XMLHttpRequest){
xhr=new XMLHttpRequest();//
}else{
xhr=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5
}
xhr.open("GET",url,async)//请求方式,请求地址(可带参数),是否异步(true,false)默认为true
xhr.send(null);
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
//函数体
}
}
post同源请求
var xhr;if(XMLHttpRequest){
xhr=new XMLHttpRequest();//
}else{
xhr=new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5
}
xhr.open("POST",url,async);//请求方式,请求地址(不可带参数),是否异步(true,false)默认为true
xhr.setRequestHeader("Content-type","application/X-WWW-form-urlencoded");
xhr.send("id=123&name=454");//地址中的参数
xhr.onreadystatechange=function(){
if(xhr,readyState==4&xhr.status==200){
//函数体
}
}
跨域(post请求和get请求是一样的)
<script type="text/javascript">
function fn(data){
console.log(data);
}
</script>
<script src="地址&callback=fn"></script>
jQuery:get请求方法
$.get(url,function(res){
})
jQuery:post请求方法
$.post(url,function(res){
})