浅谈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 png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
分享自己用JS做的扫雷小游戏
Feb 17 Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
使用jQuery实现简单的tab框实例
Aug 22 jQuery
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
解决vue打包css文件中背景图片的路径问题
Sep 03 Javascript
浅谈Vue render函数在ElementUi中的应用
Sep 06 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 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
PHP 配置文件中open_basedir选项作用
2009/07/19 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
Laravel 队列使用的实现
2019/01/08 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
对laravel in 查询的使用方法详解
2019/10/09 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
javascript的对话框详解与参数
2007/03/08 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
jquery实现文本框数量加减功能的例子分享
2014/05/10 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
JS实现倒计时(天数、时、分、秒)
2016/11/16 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
Pyramid添加Middleware的方法实例
2013/11/27 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
Python中endswith()函数的基本使用
2015/04/07 Python
python 网络爬虫初级实现代码
2016/02/27 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
环境科学专业个人求职的自我评价
2013/11/28 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
网络研修随笔感言
2014/02/17 职场文书
英语一分钟演讲稿
2014/04/29 职场文书
数字化校园建设方案
2014/05/03 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
如何写辞职信
2015/05/13 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书