XMLHttpRequest对象概述
如今的互联网正如火如荼地走向web2.0,它已不知不觉中蔓延到互联网各个角落。这一切正是由于ajax技术的出现,使得web应用程序的用户体验得到了很大的改善。ajax与其说是一种技术,不如说是一种技巧,但是如果没有XMLHttpRequest的广泛支持,可能就不会有web2.0的出现。
XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的,至今,在Mozilla和Safari1.2中已把它采用为事实上的标 准,使得XMLHttpRequest得到广泛的支持。在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用javascript创 建一个XMLHttpRequest兑现个,由于XMLHttpRequest不是一个W3C表转,所以要采用多种方法来创建 XMLHttpRequest的实例。代码如下:
var xmlhttp;
function createXMLHttpRequest(){
if (window.ActiveXObject)
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest();
}
从上面代码可以看出,在IE中把XMLHttpRequest实现为一个ActiveX对象,其它浏览器把它作为一个本地JavaScript对象。
创建了XMLHttpRequest对象后就可以使用它的方法和属性进行操作。以下列出了标准XMLHttpRequest操作:
(1)void open(string method, string url, boolean asynch, string username, string password)
作用:建立对服务器的调用
参数说明:它有两个必要的参数,method是提供调用的特定方法(GET, POST或PUT),URL是提供所调用资源的URL。其它的三个为可选参数,asynch是指示这个调用是异步的还是同步的,默认为true, 表示请求为异步的,处理请求时不用等待直到从服务器返回响应为止。
(2)void send(content)
作用:向服务器发送请求,如果请求声明为异步的,这个方法就立即返回,否则它会等待直到接收到响应为止。
参数说明:参数可以是DOM对象实例、输入流,或者串。传入的这个方法的内容会做为请求体的一部分发送。
(3)void setRequestHeader(string header, string value)
作用:为HTTP请求一个给定的header设定值
(4)void abort( )
作用:停止请求
(5)string getAllResponseHeaders( )
作用:返回HTTP请求的所有相应的header
(6)string getResponseHeader(string header)
作用:返回指定的HTTP请求的相应的header
除了以上标准方法,XMLHttpRequest对象还提供了许多属性,以下列出了在处理XMLHttpRequest时可以使用的属性:
(1)onreadystatechange
每个状态改变时都会出发这个事件处理器,通常会调用一个JavaScript函数
(2)readyState
请求的状态。有5个可取值:0=未初始化,1=正在加载, 2=已加载,3=交互中,4=完成
(3)responseText
服务器的响应,表示一个串
(4)responseXML
服务器的响应,表示为XML,这个对象可以解析为一个DOM对象
(5)status
服务器的HTTP状态码(200对应OK,404对应Not Found,等等)
(6)statusText
HTTP状态码的相应文本(OK或Not Found等等)
分享到:
相关推荐
#### 二、XMLHttpRequest对象概述 XMLHttpRequest对象是实现Ajax功能的关键组件。它提供了一种在后台与服务器交换数据的方式,这意味着Web页面可以在不重新加载的情况下动态更新。这对于提升用户体验有着重要的意义...
XMLHttpRequest 对象的使用和概述 XMLHttpRequest 对象是 Ajax 技术的核心组件之一,它允许 JavaScript 在不重新加载整个网页的情况下与服务器进行交互。XMLHttpRequest 对象的出现使得 Web 应用的开发更加灵活和...
1. **XMLHttpRequest对象概述** XMLHttpRequest对象是浏览器内置的,主要用于实现Ajax(Asynchronous JavaScript and XML)通信。它的工作原理是创建一个新的实例,打开到服务器的连接,发送请求,并接收响应。尽管...
一、XMLHttpRequest对象概述 XMLHttpRequest对象是浏览器内置的,主要用于创建后台与服务器端的通信。它的主要功能是发起HTTP请求并接收响应,使得网页能够动态更新内容,提供丰富的用户体验。 二、XMLHttpRequest...
1. **XMLHttpRequest对象概述**: XHR对象是JavaScript中的一个内置对象,它允许开发者在后台与服务器进行通信,无需用户干预。这种通信方式使得动态网页可以实时更新内容,改善用户体验。 2. **创建...
### 全面剖析XMLHttpRequest对象 #### 引言 随着互联网技术的发展,用户对Web应用的需求日益增长。其中,异步JavaScript与XML(AJAX)技术作为一种新兴的技术手段,在实现客户端脚本与服务器之间高效、无缝的数据...
#### 一、XMLHTTPRequest对象概述 `XMLHTTPRequest`对象是Web开发中用于实现异步通信的关键技术之一,它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这一功能极大地提高了用户交互...
2.1 XMLHttpRequest 对象概述 XMLHttpRequest 对象是 Ajax 应用程序的基础,它允许 JavaScript 在后台与服务器进行通信。虽然名称中含有 XML,但实际上,它支持发送和接收各种格式的数据,包括 JSON、HTML 和纯文本...
#### 二、XMLHttpRequest 对象概述 `XMLHttpRequest` 对象是一套可以使用 JavaScript、VBscript、JScript 等脚本语言中的 API,它允许浏览器通过 HTTP 协议异步地向服务器发送请求,并获取从服务器返回的响应。这种...
### AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题 #### 背景与问题概述 在使用AJAX技术进行前后端数据交互时,经常会出现中文字符编码的问题,尤其是在使用`XMLHttpRequest`对象发送请求的过程中。例如...
- **2.1 XMLHttpRequest对象概述** XMLHttpRequest对象是实现Ajax的核心组件,用于在后台与服务器交换数据而无需重新加载整个页面。这部分将详细介绍该对象的作用及工作原理。 - **2.2 方法和属性** ...
XMLHttpRequest对象是用于在后台与服务器交换数据的JavaScript对象,它使得网页能够更新部分页面而无需重新加载整个页面。通过使用XMLHttpRequest对象,开发者可以实现更加丰富的交互效果,例如上传文件时显示进度条...
2.1 xmlhttprequest对象概述 23 2.2 方法和属性 25 2.3 交互示例 26 2.4 get与post 28 2.5 远程脚本 29 2.5.1 远程脚本概述 29 2.5.2 远程脚本的示例 29 2.6 如何发送简单请求 31 2.6.1 简单请求的示例 32 ...
#### 一、XMLHTTPRequest概述 **XMLHTTPRequest** 是一套重要的 API,它允许在浏览器端利用 JavaScript、VbScript 或 Jscript 等脚本语言通过 HTTP 协议发送请求和接收 XML 及其他类型的数据。这一技术的核心优势...
本手册将深入探讨XMLHttpRequest对象,帮助你更好地理解和掌握Ajax开发。 一、XMLHttpRequest概述 XMLHttpRequest对象首次由微软在Internet Explorer 5中引入,后来被其他浏览器所采纳并成为W3C标准。它允许...
本篇文章将详细介绍如何利用JavaScript创建并使用XMLHttpRequest对象,实现异步数据交换。 #### 二、XMLHttpRequest简介 **XMLHttpRequest**是AJAX的核心组件之一,它允许网页通过JavaScript发起异步HTTP请求,并...
#### XMLHttpRequest对象的关键属性和方法 1. **`readyState`**:表示请求的状态。 2. **`responseText`**:包含服务器返回的数据,如果`readyState`值为`4`且请求成功,则该属性将包含完整的响应文本。 3. **`...