浅谈JS原生Ajax,GET和POST
javascript/js的ajax的GET请求：
<scripttype="text/javascript">
/*创建XMLHttpRequest对象*/
varxmlHttp;
functionGetXmlHttpObject(){
if(window.XMLHttpRequest){
//codeforIE7+,Firefox,Chrome,Opera,Safari
xmlhttp=newXMLHttpRequest();
}else{//codeforIE6,IE5
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
returnxmlhttp;
}
//-----------ajax方法-----------//
functiongetLabelsGet(){
xmlHttp=GetXmlHttpObject();
if(xmlHttp==null){
alert('您的浏览器不支持AJAX！');
return;
}
varid=document.getElementById('id').value;
varurl="http://www.Leefrom.com?id="+id+"&t/"+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=favorOK;//发送事件后，收到信息了调用函数
xmlHttp.send();
}
functiongetOkGet(){
if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
//本地提示：加载中
}
if(xmlHttp.readyState==4&&xmlHttp.status==200){
vard=xmlHttp.responseText;
//处理返回结果
}
}
</script>
javascript/js的ajax的POST请求：
<scripttype="text/javascript">
/*创建XMLHttpRequest对象*/
varxmlHttp;
functionGetXmlHttpObject(){
if(window.XMLHttpRequest){
//codeforIE7+,Firefox,Chrome,Opera,Safari
xmlhttp=newXMLHttpRequest();
}else{//codeforIE6,IE5
xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
}
returnxmlhttp;
}
//-----------ajax方法-----------//
functiongetLabelsPost(){
xmlHttp=GetXmlHttpObject();
if(xmlHttp==null){
alert('您的浏览器不支持AJAX！');
return;
}
varurl="http://www.lifefrom.com/t/"+Math.random();
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send();
xmlHttp.onreadystatechange=getLabelsOK;//发送事件后，收到信息了调用函数
}
functiongetOkPost(){
if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){
//本地提示：加载中/处理中
}
if(xmlHttp.readyState==4&&xmlHttp.status==200){
vard=xmlHttp.responseText;//返回值
//处理返回值
}
}
</script>
注意：XMLHttpRequest是AJAX的基础，在创建XMLHttpRequest对象时，必须与你写的ajax方法在同一个‘<script></script>'标签中！否则ajax请求会出错，并无法返回数据。javascript/js的ajax的POST/GET请求。
以上这篇浅谈JS原生Ajax,GET和POST就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。