浅谈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获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
JS上传前预览图片实例
Mar 25 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
Dec 15 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
jquery树形菜单效果的简单实例
Jun 06 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
Javascript农历与公历相互转换的简单实例
Oct 09 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
vue2 拖动排序 vuedraggable组件的实现
Aug 08 Javascript
JS制作简易计算器的实例代码
Jul 04 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
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
初识laravel5
2015/03/02 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
使用php完成常见的文件上传功能(推荐)
2017/01/13 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
js window.event对象详尽解析
2009/02/17 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
2012/02/23 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
node.js中的fs.unlink方法使用说明
2014/12/15 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
es6 symbol的实现方法示例
2019/04/02 Javascript
详解微信小程序开发用户授权登陆
2019/04/24 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
vue引入静态js文件的方法
2020/06/20 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
使用Python装饰器在Django框架下去除冗余代码的教程
2015/04/16 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
用Q-learning算法实现自动走迷宫机器人的方法示例
2019/06/03 Python
django中使用Celery 布式任务队列过程详解
2019/07/29 Python
学Python 3的理由和必要性
2019/11/19 Python
pycharm 2018 激活码及破解补丁激活方式
2020/09/21 Python
2014年扫黄打非工作总结
2014/12/03 职场文书
2015大学生求职信范文
2015/03/20 职场文书
信访维稳承诺书
2015/05/04 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android