The XMLHttpRequest object is supported in Internet Explorer 5.0+, Safari 1.2, Mozilla 1.0 / Firefox, Opera 9, and Netscape 7.
XMLHttpRequest 对象可被 Internet Explorer 5.0+、Safari 1.2、Mozilla 1.0 / Firefox、Opera 9 和 Netscape 7.支持

What is an HTTP Request?
什么是HTTP 请求？

With an HTTP request, a web page can make a request to, and get a response from a web server - without reloading the page. The user will stay on the same page, and he or she will not notice that scripts might request pages, or send data to a server in the background.
通过HTTP请求，页面可以直接向服务器发出请求，从而获取来自服务器端的回应，而不须要再重新加载页面。使用者仍然会停留在相同的页面上，他/她并不会意识到脚本程序已经私下里向服务器发出请求或发送数据了。

By using the XMLHttpRequest object, a web developer can change a page with data from the server after the page has loaded.
通过使用XMLHttpRequest 对象，网站开发者在加载页面后可以获取来自服务器的数据来更新页面。

Google Suggest is using the XMLHttpRequest object to create a very dynamic web interface: When you start typing in Google's search box, a JavaScript sends the letters off to a server and the server returns a list of suggestions.
Google Suggest 是使用XMLHttpRequest 象来创建一个极具动态效果的网页界面：当你在Google的搜索框内输入搜索信息时，一份Javascript 脚本程序会将字母发送给服务器，而服务器则返回一系列建议。

Is the XMLHttpRequest Object a W3C Standard?
XMLHttpRequest对象是W3C标准吗？

The XMLHttpRequest object is not a W3C standard.
XMLHttpRequest 对象不是W3C标准。

The W3C DOM Level 3 "Load and Save" specification contains some similar functionality, but these are not implemented in any browsers yet. So, at the moment, if you need to send an HTTP request from a browser, you will have to use the XMLHttpRequest object.
“W3C DOM Level 3” 的“下载和保存”规范包含了一些相似的功能，但这些功能没有在任何浏览器中执行。因此现在，如果你想要从浏览器端发送一份HTTP要求，你就必须使用XMLHttpRequest对象。

Creating an XMLHttpRequest Object
创建一个XMLHttpRequest对象

For Mozilla, Firefox, Safari, Opera, and Netscape:
为 Mozilla、, Firefox、Safari、Opera 和 Netscape 创建一个 XMLHttpRequest 对象。

var xmlhttp=new XMLHttpRequest()

For Internet Explorer:
为IE创建：

var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

Example
案例

<script type="text/javascript">
var xmlhttp

function loadXMLDoc(url)
{
xmlhttp=null
// code for Mozilla, etc.
if (window.XMLHttpRequest)
 {
 xmlhttp=new XMLHttpRequest()
 }
// code for IE
else if (window.ActiveXObject)
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
 }
if (xmlhttp!=null)
 {
 xmlhttp.onreadystatechange=state_Change
 xmlhttp.open("GET",url,true)
 xmlhttp.send(null)
 }
else
 {
 alert("Your browser does not support XMLHTTP.")
 }
}

function state_Change()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
 {
 // if "OK"
 if (xmlhttp.status==200)
 {
 // ...some code here...
 }
 else
 {
 alert("Problem retrieving XML data")
 }
 }
}
</script>

Try it yourself using JavaScript
尝试使用JavaScript 创建

The syntax is a little bit different in VBScript: Try it yourself using VBScript
在语法上VBscript会有点不同：尝试使用 VBScript 创建 。

Note: An important property in the example above is the onreadystatechange property. This property is an event handler which is triggered each time the state of the request changes. The states run from 0 (uninitialized) to 4 (complete). By having the function xmlhttpChange() check for the state changing, we can tell when the process is complete and continue only if it has been successful.
注意: 以上例子的重要特性是“onreadystatechange[ 随时状态可变 ]” 属性。该属性是一个“事件处理者”，每当请求状态改变时，它都会被触发。状态从0（初始化）到4（完成）。通过xmlhttpChange() 功能对状态改变的检查，我们能够区分程序是否结束，或将继续。

Why are we Using Async in our Examples?
为什么我们要在案例中使用Async？

All the examples here use the async mode (the third parameter of open() set to true).
这儿所有例子都用了async 模式（open() 元素的第三个参数被设置为“真”）

The async parameter specifies whether the request should be handled asynchronously or not. True means that script continues to run after the send() method, without waiting for a response from the server. false means that the script waits for a response before continuing script processing. By setting this parameter to false, you run the risk of having your script hang if there is a network or server problem, or if the request is long (the UI locks while the request is being made) a user may even see the "Not Responding" message. It is safer to send asynchronously and design your code around the onreadystatechange event!
Async 参数指定了发出的请求是否需要被同时处理。“真（TRUE）”表示：在send() 方法被执行后，脚本程序继续运行，不等待服务器端的回应。“假（FALSE）”表示：脚本程序继续运行前须要等待服务器端的回应。将设置参数为假，如果网络或服务器有问题，或者请求时间过长（发出请求时UI锁定），你的脚本程序就会被挂起，使用者可能会看到“没有回应”的信息。更加安全的做法是：同步发送信息；或者，在“onreadystatechange[ 随时状态可变 ]” 事件下设计代码。

More Examples
更多举例

通过XML HTTP（JavaScript）将文本文件载入一个div元素

通过XML HTTP（JavaScript）发出一个Head请求

通过XML HTTP（JavaScript）发出一个特定的Head请求

通过XML HTTP（JavaScript）列出一个XML文件中的数据

The XMLHttpRequest Object Reference
XMLHttpRequest 对象参数

Methods
方法

Properties
属性

XML 应用程序 XML 保存数据

评论 (0) All