浅谈JS原生Ajax,GET和POST


Posted in Javascript onJune 08, 2016

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就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js loading加载效果实现代码
Nov 24 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
js实现简单的星级选择器提交效果适用于评论等
Oct 18 Javascript
jquery中使用循环下拉菜单示例代码
Sep 24 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
Jun 08 Javascript
详解http访问解析流程原理
Oct 18 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 #Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 #Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
Jun 08 #Javascript
JavaScript中两个字符串的匹配
Jun 08 #Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 #Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 #Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 #Javascript
You might like
smarty模板局部缓存方法使用示例
2014/06/17 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
jquery+CSS实现的水平布局多级网页菜单效果
2015/08/24 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
python逐行读取文件内容的三种方法
2014/01/20 Python
安装Python的web.py框架并从hello world开始编程
2015/04/25 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
Python实战之制作天气查询软件
2019/05/14 Python
django实现日志按日期分割
2020/05/21 Python
Python中的特殊方法以及应用详解
2020/09/20 Python
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
亚历山大·王官网:Alexander Wang
2017/06/23 全球购物
服务员岗位责任制
2014/02/11 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
公司联欢会策划方案
2014/05/19 职场文书
九一八事变演讲稿
2014/09/05 职场文书
一般党员对照检查材料
2014/09/24 职场文书
销售员态度差检讨书
2014/10/26 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书
nginx配置之并发频次限制
2022/04/18 Servers