这篇文章主要介绍了原生 JS Ajax,GET 和 POST 请求实例代码的相关资料, 非常不错具有参考借鉴价值,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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 请求实例代码的相关知识,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0227/265048.html