runoops.com

XMLHttpRequest 对象

通过 XMLHttpRequest 对象,您可以在不重新加载整个页面的情况下更新网页中的某个部分。


实例

一个简单的 XMLHttpRequest 实例
创建一个简单的 XMLHttpRequest,从 TXT 文件中检索数据。

通过 getAllResponseHeaders() 检索头信息
检索资源(文件)的头信息。

通过 getResponseHeader() 检索指定头信息
检索资源(文件)的指定头信息。

检索 PHP 文件的内容
当用户在输入字段键入字符时,网页如何与 Web 服务器进行通信。

从数据库中检索内容
网页如何通过 XMLHttpRequest 对象从数据库中提取信息。

检索 XML 文件的内容
创建一个 XMLHttpRequest 从 XML 文件中检索数据并把数据显示在一个 HTML 表格中。


XMLHttpRequest 对象

XMLHttpRequest 对象是用于幕后与服务器交换数据。

XMLHttpRequest 对象是开发者的梦想,因为您可以:

  • 在不重新加载页面的情况下更新网页
  • 在页面已加载后从服务器请求数据
  • 在页面已加载后从服务器接收数据
  • 在后台向服务器发送数据

XMLHttpRequest 对象方法

方法描述
abort()取消当前的请求。
getAllResponseHeaders()返回头信息。
getResponseHeader()返回指定的头信息。
open(method,url,async,uname,pswd)规定请求的类型,URL,请求是否应该进行异步处理,以及请求的其他可选属性。

method:请求的类型:GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
send(string)发送请求到服务器。

string:仅用于 POST 请求
setRequestHeader()把标签/值对添加到要发送的头文件。

XMLHttpRequest 对象属性

属性描述
onreadystatechange存储函数(或函数的名称)在每次 readyState 属性变化时被自动调用。
readyState存放了 XMLHttpRequest 的状态。从 0 到 4 变化:
0:请求未初始化
1:服务器建立连接
2:收到的请求
3:处理请求
4:请求完成和响应准备就绪
responseText返回作为一个字符串的响应数据。
responseXML返回作为 XML 数据响应数据。
status返回状态数(例如 "404" 为 "Not Found" 或 "200" 为 "OK")。
statusText返回状态文本(如 "Not Found" 或 "OK")。