浅谈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 相关文章推荐
查找页面中所有类为test的结点的方法
Mar 28 Javascript
JavaScript判断用户是否对表单进行了修改的方法
Mar 18 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
layer弹出层中H5播放器全屏出错的解决方法
Feb 21 Javascript
vue中配置mint-ui报css错误问题的解决方法
Oct 11 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
vue项目如何刷新当前页面的方法
May 18 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
vue-router 起步步骤详解
Mar 26 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
May 09 Javascript
vue实现标签云效果的方法详解
Aug 28 Javascript
微信小程序转发事件实现解析
Oct 22 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类
2006/07/15 PHP
PHP+MYSQL的文章管理系统(二)
2006/10/09 PHP
PHP Ajax实现页面无刷新发表评论
2007/01/02 PHP
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
2011/10/24 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
Javascript中的getter和setter初识
2017/08/17 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
nodejs环境使用Typeorm连接查询Oracle数据
2019/12/05 NodeJs
原生js实现自定义滚动条
2021/01/20 Javascript
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
django小技巧之html模板中调用对象属性或对象的方法
2018/11/30 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
解决Django中checkbox复选框的传值问题
2020/03/31 Python
Python 爬虫的原理
2020/07/30 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
求职信的要素有哪些呢
2013/12/26 职场文书
浙大毕业生自荐信
2014/01/26 职场文书
少儿节目主持串词
2014/04/02 职场文书
2014党员学习习主席讲话思想汇报
2014/09/15 职场文书
通知函的格式
2015/04/27 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
Vue和Flask通信的实现
2021/05/19 Vue.js