通过 XMLHttpRequest 对象,您可以在不重新加载整个页面的情况下更新网页中的某个部分。
运行代码 - 实例
一个简单的 XMLHttpRequest 实例
创建一个简单的 XMLHttpRequest,从 TXT 文件中检索数据。
通过 getAllResponseHeaders() 检索头信息
检索资源(文件)的头信息。
通过 getResponseHeader() 检索指定头信息
检索资源(文件)的指定头信息。
检索 ASP 文件的内容
当用户在输入字段键入字符时,网页如何与 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")。 |