对xmlHttp对象的理解
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 XMLHttpRequest对象全面剖析
一. 引言 异步JavaScript与XML(AJAX)是一个专用术语,用于实现在客户端脚本与服务器之间的数据交互过程.这一技术的优点在于,它向开发者提供了一种从Web服务器检索数据而不必把用户当前正在观察的页面回馈给服务器.与现代浏览器的通过存取浏览器DOM结构的编程代码(JavaScript)动态地改变被显示内容的支持相配合,AJAX让开发者在浏览器端更新被显示的HTML内容而不必刷新页面.换句话说,AJAX可以使基于浏览器的应用程序更具交互性而且更类似传统型桌面应用程序. Google的G
-
Ajax xmlHttpRequest的status的值的含义
xmlHttpRequest对象的status代表当前http请求的状态,是一个长整型数据,现在介绍一下它的含义. http请求状态及其含义表 1xx - 信息提示 100 - 初始的请求已经接受,客户应当继续发送请求的其余部分.(HTTP 1.1新) 101 - 服务器将遵从客户的请求转换到另外一种协议.(HTTP 1.1新) 2xx - 成功 200 - OK 一切正常,对GET和POST请求的应答文档跟在后面. 201 - Created 服务器已经创建了文档,Location头给出了它的
-
对xmlHttp对象方法和属性的理解
1 客户端可以通过xmlHttp对象(MSXML2.XMLHTTP.3.0)向http服务器发送请求并使用文档对象模型(DOM)处理回应. 1.1 我的理解: 用户的每次操作,都会有数据产生. 通过DOM或者JS编写对数据进行封装,或者浏览器自身对http协议的一些数据进行封装. 通过xmlHttp对象的一些方法,传入数据参数,向http服务器发送请求. 返回结果通过DOM进行处理. 2 xmlHttp对象的成员. 2.1 属性 onreadystatechange:当readyState属
-
Ajax创建XMLHttp对象的完美兼容性代码
复制代码 代码如下: function creatajax(){ var ajax=null; if (window.XMLHttpRequest){ //对于Mozilla.Netscape.Safari等浏览器,创建XMLHttpRequest对象 ajax = new XMLHttpRequest(); if (ajax.overrideMimeType){ //如果服务器响应的header不是text/xml,可以调用其它方法修改该header ajax.overrideMimeType
-
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
在数据发送一方,利用 javascript 的 escape 函数事先将所有中文转换成英文编码并保存(也可以用 ASP 等其它语言的函数实时转换输出). 在数据接收一方,利用 javascript 的 unescape 函数将所有英文编码还原. 由于 Ajax 不论任何编码都能正常传送英文,所以用这种方法可以轻松解决. -------------------------------------------------------------------------------- 用XMLHTTP
-
javascript对XMLHttpRequest异步请求的面向对象封装
复制代码 代码如下: function CallBackObject() { this.XmlHttp = this.GetHttpObject(); } CallBackObject.prototype.GetHttpObject = function() //动态为CallBackObject的原型添加了GetHttpObject共有方法 { //第一步:创建XMLHttpRequest对象 //进行兼容性判断 var xmlhttp; /*@cc_on @if (@_jscript_ver
-
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
如果我们在客户端频繁使用ajax技术,那么我们就不得不多次创建xmlhttp对象.当然,如您所知,我们可以改进创建的方式,比如使用全局变量来缓存一个实例(客户端的单例模式?!),对于同步方式的通信,这是很有效的,但是这样的方式对于异步通信会出现问题,因为没有了进程的堵塞,用户可能在上一次通信未完成时再次调用同一个xmlhttp实例,这样不等前一个调用的回调函数触发,前一次调用就被"覆盖"掉了(也就代表前一次调用失败).建立一个保持xmlhttp实例的池,好处显而易见,最明显的优点就是我
-
对xmlHttp对象的理解
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文档,返回文档后
-
AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器
AJAX 常用函数创建XMLHTTP对象,区别IE,Mozilla浏览器的函数,网上有很多创建XMLHTTP对象,区别IE,Mozilla浏览器的函数,这个比较不错,大家可以直接拿用了 复制代码 代码如下: function getRequest() { http_request = false; if (window.XMLHttpRequest) { //对于Mozilla﹑Netscape﹑Safari等浏览器,创建XMLHt
-
Ajax获取XMLHttp对象的方法
本文实例讲述了Ajax获取XMLHttp对象的方法.分享给大家供大家参考,具体如下: Ajax 中要用到XMLHttp对象,我见过各种获取该对象的写法,觉得该写法最优雅.首先考虑到了适合不同的浏览器:其次考虑到了优先加载次序,从高版本向低版本试探,最后若还没找到,则抛出异常. function FactoryXMLHttpRequest() { if(window.XMLHttpRequest) { return new XMLHttpRequest(); }else if(window.Act
-
html文档中的location对象属性理解及常见的用法
关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性,可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧: 在浏览器中URL通常由下面几个部分组成的: [协议][host][path][query] 协议:常见的协议有: http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp
-
JavaScript词法作用域与调用对象深入理解
关于 Javascript 的函数作用域.调用对象和闭包之间的关系很微妙,关于它们的文章已经有很多,但不知道为什么很多新手都难以理解.我就尝试用比较通俗的语言来表达我自己的理解吧. 作用域 Scope Javascript 中的函数属于词法作用域,也就是说函数在它被定义时的作用域中运行而不是在被执行时的作用域内运行.这是犀牛书上的说法.但"定义时"和"执行(被调用)时"这两个东西有些人搞不清楚.简单来说,一个函数A在"定义时"就是 functio
-
JavaScript原型链中函数和对象的理解
目录 __ proto__ prototype.__ proto__ 理解 __ proto__ 最近在看高程4,原型链肯定是绕不过的,本瓜之前一直认为,只要记住这句话就可以了: 一个对象的隐式原型(__proto__)等于构造这个对象的构造函数的显式原型(prototype) 确实,所有对象都符合这句真理,在控制台打印一试便知: const str = new String("123") str.__proto__ === String.prototype // true const
-
javascript构造函数以及原型对象的理解
以下是一个构造函数的例子 如果是实例方法,不同的实例化,它们引用的地址是不一样的,是唯一的. //定义一个构造函数 function People(name,age){ this.name=name; this.age=age; this.dothings=function(){ retrun this.name+this.age; } } var people1 = new People("panda1",25); var people2 = new People("pan
随机推荐
- 2016 cocoapods的安装和使用方法以及版本升级遇到的问题
- javascript里绝对用的上的字符分割函数总结
- Javascript 判断函数类型完美解决方案
- JS JSON对象转为字符串的简单实现方法
- MVC后台创建Json(List)前台接受并循环读取实例
- VC6.0如何创建以及调用动态链接库实例详解
- Python实现的金山快盘的签到程序
- Python里隐藏的“禅”
- Android LayoutInflater加载布局详解及实例代码
- JS上传前预览图片实例
- php接口技术实例详解
- Ajax实现弹出式无刷新城市选择功能代码
- PHP empty函数报错解决办法
- 一个可以显示阴历的JS代码
- AJAX 验证框架13个
- 人生哲理-人致命的8个问题
- html读出文本文件内容
- SQL2008的sa账户被禁用其他账户无法连接的快速解决方法
- Sqlite 常用函数封装提高Codeeer的效率
- 精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程