浅谈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 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
jQuery实现textarea自动增长宽高的方法
Dec 18 Javascript
javascript基础知识讲解
Jan 11 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
Aug 22 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 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 smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
php购物车实现代码
2011/10/10 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
js动态生成指定行数的表格
2013/07/11 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
微信小程序 图片上传实例详解
2017/05/05 Javascript
通过fastclick源码分析彻底解决tap“点透”
2017/12/24 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
windows下python之mysqldb模块安装方法
2017/09/07 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
Django自带日志 settings.py文件配置方法
2019/08/30 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
Prototype中如何为一个元素添加一个方法
2014/12/08 面试题
创建绿色社区汇报材料
2014/08/22 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
财务人员个人工作总结
2015/02/27 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
详解MySQL主从复制及读写分离
2021/05/07 MySQL
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python