对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 相关文章推荐
用AJAX返回HTML片段中的JavaScript脚本
Jan 04 Javascript
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
Websocket协议详解及简单实例代码
Dec 12 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
vue实现登陆页面开发实践
May 30 Vue.js
对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
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
理解PHP中的stdClass类
2014/04/18 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
php数组添加与删除单元的常用函数实例分析
2015/02/16 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
jQuery点缩略图弹出层显示大图片
2015/02/13 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
实现easyui的datagrid导出为excel的示例代码
2016/11/10 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
2018/10/19 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Python随机数random模块使用指南
2016/09/09 Python
python实现朴素贝叶斯算法
2018/11/19 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
大学毕业生通用自荐信范文
2013/10/31 职场文书
软件售后服务承诺书
2014/05/21 职场文书
在Django中使用MQTT的方法
2021/05/10 Python
redis内存空间效率问题的深入探究
2021/05/17 Redis
Java设计模式之享元模式示例详解
2022/03/03 Java/Android