原生 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 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
Javascript冒泡排序算法详解
Dec 03 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
微信小程序wepy框架笔记小结
Aug 08 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 07 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
简单学习vue指令directive
2016/11/03 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日
2020/10/31 DOTA
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python写的一个简单监控系统
2015/06/19 Python
Python搭建FTP服务器的方法示例
2018/01/19 Python
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
使用TensorFlow实现二分类的方法示例
2019/02/05 Python
基于python2.7实现图形密码生成器的实例代码
2019/11/05 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python实现吃苹果小游戏
2020/03/21 Python
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
安踏广告词改编版
2014/03/21 职场文书
《海伦?凯勒》教学反思
2014/04/17 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python