对xmlHttp对象的理解


Posted in Javascript onJanuary 17, 2011

1 xmlHttp是一套在JavaScript脚本语言中通过Http协议传送或者接收XML及其他数据的API。

(xmlHttp是一套API,通过Http协议进行数据的传送和接收。)

2 xmlHttp提供客户端同http服务器通讯的协议,客户端通过xmlHttp对象(MSXML2.XMLHTTP.3.0),向http服务器发送请求,使用DOM处理回应。

2.1 xmlHttp对象的创建方式区分IE浏览器和非IE浏览器:

例子:创建一个xmlHttp对象,并向服务器请求一个xml文档,返回文档后显示。下面分别就IE和非IE进行实例讲解

1)  IE浏览器使用ActiveXObject方式创建xmlHttp对象:

var  xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");

xmlHttpReq.open("GET", "http://localhost/test.xml", false);

xmlHttpReq.send();

alert(xmlHttpReq.responseText);

2)  非IE浏览器使用XMLHttpRequest方式创建xmlHttp对象:

var  xmlHttpReq = new XMLHttpRequest();

xmlHttpReq.open("GET", "http://localhost/test.xml", false);

xmlHttpReq.send();

alert(xmlHttpReq.responseText);

2.2  创建完XMLHttp对象以后,因为它是一套API,所以它有很多的方法和属性,如上面用到的open()、send()、responseText。

xmlHttp对象的代码处理方式比较固定。因此下面要做的就只是按例子顺序进行理解就可以了。

3  xmlHttp的最大好处是更新页面的部分内容不需要刷新整个页面。

Javascript 相关文章推荐
javascript去掉前后空格的实例
Nov 07 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
javascript鼠标右键菜单自定义效果
Dec 08 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
JS实现表单验证功能(验证手机号是否存在,验证码倒计时)
Oct 11 Javascript
Webpack性能优化 DLL 用法详解
Aug 10 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 Javascript
jQuery实现验证用户登录
Dec 10 jQuery
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
ant design vue中日期选择框混合时间选择器的用法说明
Oct 27 Javascript
对xmlHttp对象方法和属性的理解
Jan 17 #Javascript
Grid得到选择行数据的方法总结
Jan 17 #Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 #Javascript
JavaScript flash复制库类 Zero Clipboard
Jan 17 #Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 #Javascript
js 数据类型转换总结笔记
Jan 17 #Javascript
简短几句 通俗解释javascript的闭包
Jan 17 #Javascript
You might like
IStream与TStream之间的相互转换
2008/08/01 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
2013/08/15 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python Pandas找到缺失值的位置方法
2018/04/12 Python
pandas 把数据写入txt文件每行固定写入一定数量的值方法
2018/12/28 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
使用Python实现分别输出每个数组
2019/12/06 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
Python实现使用dir获取类的方法列表
2019/12/24 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
python如何操作mysql
2020/08/17 Python
企业内部培训方案
2014/02/04 职场文书
医院义诊活动总结
2014/07/04 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
争先创优公开承诺书
2014/08/30 职场文书
研究生毕业论文导师评语
2014/12/31 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers