原生 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 创建对象(常见的几种方法)
Nov 03 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
JavaScript队列的应用实例详解【经典数据结构】
Apr 12 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
js中复选框的取值及赋值示例详解
Oct 18 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
Javascript之String对象详解
Jun 08 #Javascript
You might like
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
Zend Framework框架之Zend_Mail实现发送Email邮件验证功能及解决标题乱码的方法
2016/03/21 PHP
PHP获取真实客户端的真实IP
2017/03/07 PHP
Laravel中如何增加自定义全局函数详解
2017/05/09 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
Js中sort()方法的用法
2006/11/04 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
jQuery判断多个input file 都不能为空的例子
2015/06/23 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JavaScript中循环遍历Array与Map的方法小结
2016/03/12 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
2016/06/28 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
基于JavaScript实现的顺序查找算法示例
2017/04/14 Javascript
微信小程序 wx:for的使用实例详解
2017/04/27 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
在Python中测试访问同一数据的竞争条件的方法
2015/04/23 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
2019/06/27 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
Python箱型图绘制与特征值获取过程解析
2019/10/22 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
美国马匹用品和骑马配件购物网站:Horse.com
2018/01/08 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
粗加工管理制度
2014/02/04 职场文书
实习单位鉴定评语
2014/04/26 职场文书
医院病假条怎么写
2015/08/17 职场文书