原生 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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
vue写一个组件
Apr 09 Javascript
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
Vue 幸运大转盘实现思路详解
May 06 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
JavaScript函数重载操作实例浅析
May 02 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 Vue.js
全面解析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
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
php除数取整示例
2014/04/24 PHP
php随机抽奖实例分析
2015/03/04 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
教大家制作简单的php日历
2015/11/17 PHP
PHP 无限级分类
2017/05/04 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
window.open被浏览器拦截后的自定义提示效果代码
2007/11/19 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
2013/05/08 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
jquery手风琴特效插件
2015/02/04 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
vue使用i18n实现国际化的方法详解
2019/09/05 Javascript
[04:10]2016国际邀请赛中国区预选赛第二日TOP10精彩集锦
2016/06/28 DOTA
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
python3图片转换二进制存入mysql
2013/12/06 Python
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
Python 列表list使用介绍
2014/11/30 Python
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
css3实现多个元素依次显示效果
2017/12/12 HTML / CSS
如何写好升职自荐信
2014/01/06 职场文书
美德少年事迹材料1000字
2014/08/21 职场文书
运动会闭幕词
2015/01/28 职场文书
英文投诉信格式
2015/07/03 职场文书
2016年“我们的节日·清明节”活动总结
2016/04/01 职场文书