AJax技术

浅谈JS原生Ajax,GET和POST

字号+ 作者:H5之家 来源:H5之家 2017-08-21 09:03 我要评论( )

下面小编就为大家带来一篇浅谈JS原生Ajax,GET和POST。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

javascript/js的ajax的GET请求:

<script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){   if (window.XMLHttpRequest){     // code for IE7+, Firefox, Chrome, Opera, Safari     xmlhttp=new XMLHttpRequest();   }else{// code for IE6, IE5     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   }   return xmlhttp; } // -----------ajax方法-----------// function getLabelsGet(){   xmlHttp=GetXmlHttpObject();   if (xmlHttp==null){     alert('您的浏览器不支持AJAX!');     return;   }   var id = document.getElementById('id').value;   var url="http://www.Leefrom.com?id="+id+"&t/"+Math.random();   xmlHttp.open("GET",url,true);   xmlHttp.onreadystatechange=favorOK;//发送事件后,收到信息了调用函数   xmlHttp.send(); } function getOkGet(){   if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){     // 本地提示:加载中   }   if (xmlHttp.readyState==4 && xmlHttp.status==200){     var d= xmlHttp.responseText;     // 处理返回结果   } } </script>

javascript/js的ajax的POST请求:

<script type="text/javascript"> /* 创建 XMLHttpRequest 对象 */ var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } return xmlhttp; } // -----------ajax方法-----------// function getLabelsPost(){ xmlHttp=GetXmlHttpObject(); if (xmlHttp==null){ alert('您的浏览器不支持AJAX!'); return; } var url="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;//发送事件后,收到信息了调用函数 } function getOkPost(){ if(xmlHttp.readyState==1||xmlHttp.readyState==2||xmlHttp.readyState==3){ // 本地提示:加载中/处理中 } if (xmlHttp.readyState==4 && xmlHttp.status==200){ var d=xmlHttp.responseText; // 返回值 // 处理返回值 } } </script>

注意:XMLHttpRequest 是 AJAX 的基础,在创建 XMLHttpRequest 对象时,必须与你写的ajax方法在同一个‘<script></script>'标签中!否则ajax请求会出错,并无法返回数据。 javascript/js的ajax的POST/GET请求。

以上这篇浅谈JS原生Ajax,GET和POST就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 三步教你学会ajax开发应用

    三步教你学会ajax开发应用

    2017-08-21 10:00

  • Ajax技术总结之XmlHttpRequest

    Ajax技术总结之XmlHttpRequest

    2017-08-20 18:04

  • AJAX编程技巧:amp;quot;文档的顶层无效amp;quot;的错误处理?

    AJAX编程技巧:amp;quot;文档的顶层无效amp;quot;的错误处理?

    2017-08-20 09:02

  • extjs的几个技巧,解决ajax请求时用户session超时有关问题

    extjs的几个技巧,解决ajax请求时用户session超时有关问题

    2017-08-20 09:02

网友点评
l