ajax的不足
1. 各个浏览器对XMLHttpRequest对象的支持度不足(兼容性问题)
2.
破坏浏览器的前进,后退功能。
3. 对搜索引擎支持不足。
4. 调试工具支持不足。
XMLHttpRequest对象的属性和方法
1.readyState属性
状态:0 代表未初始化。
1 代表准备发送。
2 已发送但还没收到响应
3 正在接收
4
接收完成
2.responseText属性
包含客户端接收到的HTTP响应的文本内容。
当readyState=4时,responseText才包含完整的响应信息。
当readyState=3时,responseText包含未完整的响应信息。
当readyState<3时,responseText为空字符串。
3.responseXML属性
当readyState=4,并且响应头部的Content-Type的MIME类型为XML(text/xml或application/xml)时,该属性有值并且被解析成一个XML文档。
其它情况为null,包括回传的XML文档不良或未完成响应回传。
4.status及statusText属性(描述http状态代码,及代码文本)
当readyState>2,才能访问,否则出现异常。
5.onreadystatechange事件
当readyState属性发生变化时触发此事件,用于触发回调函数。
6.open方法
open(method, uri, async, username,
password) 用来进行初始化工作
返回值:得到一个包含send()方法的对象
method:必须。用于指定HTTP方法如GET,POST,PUT....。按规定必须大写。
uri:请求发送到服务器相应的URI.自动解析成绝对地址。
async:请求是否异步,默认为true.
调用open后,readystate状态为1.
7.send方法
调用open 方法后,可以调用send()方法来发送请求。
当open 中async=true时,send()方法调用后立即返回,否则会中断直到请求返回。
send(data)
data:可选。此处还有疑问。。
8.abort()方法
该方法可以暂停一个HttpRequest请求或者HttpResponse的接收,并且将XMLHttpRequest的状态设置为初始化。
9.setRequestHeader(header,value)方法
该方法用来设置请求的头部信息。在调用open()后调用这个方法。否则将得到一个异常。
10.getResponseHeader()方法
当readystate>2时,该方法用来检索响应的头部信息。否则返回一个空字符串。
getAllResponseHeaders()方法返回所有的HttpResponse头部信息。
<script type="javascript/text">
var xmlHttp
//判断是否IE
if(window.ActiveXObject){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlHttp=false;
}
}
else{
try{
xmlHttp=new XMLHttpRequest();
}catch(e){
xmlHttp=false;
}
}
if(xmlHttp.readyState==4||xmlHttp.readyState==0){
xmlHttp.open("GET", "test.php?"content="+content,true);
//设置回调函数
xmlHttp.onreadystatechange=recall();
xmlHttp.send(null);
}
function recall(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xmlResponse = xmlHttp.responseXML;
//xml处理
myXml = xmlResponse.documnetElement;
content = myXml.firstChild.data;
//处理部分
}
}else{
alert(xmlHttp.statusText);
}
}
</script>
分享到:
相关推荐
AJAX XMLHttpRequest对象方法 XMLHttpRequest对象属性
DOM和XMLHttpRequest对象的属性和方法整理,注意是方便操作ajax的朋友
二、 XMLHttpRequest 对象的属性和事件 XMLHttpRequest 对象暴露各种属性、方法和事件以便于脚本处理和控制 HTTP 请求与响应。 1. readyState 属性 readyState 属性描述 XMLHttpRequest 对象的当前状态,当 ...
Ajax基本对象的属性和方法:动态创建内容时所用的W3C DOM属性和方法。用于遍历XML的DOM元素方法。用于处理XML的DOM元素属性。标准XMLHttpRequest操作
而设计AJAX时使用的一个重要的技术(工具)就是XMLHTTPRequest对象了。这里海啸把我学习XMLHTTPRequest对象的一点资料拿出来跟大家一起分享。文中的资料都是海啸在学习时在网上收集的,如果您开过,那就再加深下印象...
详细讲述了前端Ajax通信相关的XMLHttpRquest对象的各种属性与方法
关于介绍 XMLHttpRequest对象的来源、发展历程以及属性、方法事件等,有需要的可以下载,较为全面
1.js对象 XMLHttpRequest 属性: 1.readyState属性 readyState:只读属性。 作用:通过读取该属性,从而知道XMLHttpRequest 目前进行到了哪一步... XMLHttpRequest对象的readyState的每次变化,该函数就会被触发调用
1、XMLHTTPRequest对象什么是? 最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不...
今天学习了点关于XMLHttpRequest对象的一些方法和属性,有点体会,在这里也想记录起来。 1、何为XMLHttpRequest 定义:XMLHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及...
问题的关键:如何使用XMLHttpRequest对象。尽管与其说Ajax是一种技术,不如说是一种技巧,但如果没有对XMLHttpRequest的广泛支持,Google Suggest和Ta-da List可能不会像我们看到的有今天这样的发展,而你可能也不会...
其核心是XMLHttpRequest对象,可以在不向服务器端提交整个页面的情况下,实现局部更新网页,它是AJAX的Web应用程序架构的一项关键技术。 基本属性: 基本方法: XMLHttpRequest五步法: 第一:创建...
压缩包“ajax.rar”内含:“《掌握Ajax.chm》”和“《XMLHttpRequest手册.chm》”。 1、《掌握Ajax.chm》包含下列内容: 掌握 Ajax,第 1 部分: Ajax 入门简介 ... 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax ...
本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...
var xhr = new XMLHttpRequest(); //2.0 xhr.open(“post”, url,params, true); //3.0将参数使用Formdata属性传递 xhr.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”); /...
本书重点介绍Ajax及相关的工具和技术,主要内容包括 XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析 JavaScript调试工具和技术,以及Ajax开发模式...
本书重点介绍Ajax及相关的工具和技术,主要内容包括 XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析 JavaScript调试工具和技术,以及Ajax开发模式...
本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...