原生 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请求。
以上所述是小编给大家介绍的原生JSAjax,GET和POST请求实例代码的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！