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