使用JS和Ajax发出异步请求.docVIP

使用JS和Ajax发出异步请求?? 本文介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例，建立和发送请求，并响应服务器。您将开始接触最基本和基础性的有关Ajax的全部对象和编程方法：XMLHttpRequest对象。该对象实际上仅仅是一个跨越所有Ajax应用程序的公共线程，您可能已经预料到，只有彻底理解该对象才能充分发挥编程的潜力。?XMLHttpRequest简介 XMLHttpRequest 是JS的一个对象。它是介绍 Web 2.0、Ajax 和大部分其他内容的核心。下面给出该对象的几个方法和属性：1、open ：建立到服务器的新请求。?2、send ：向服务器发送请求。?3、abort ：退出当前请求。?4、readyState：提供当前 HTML 的就绪状态。?5、responseText：服务器返回的请求响应文本。用XMLHttpRequest能够做什么呢，值得注意的是这些方法和属性都与发送请求及处理响应有关。事实上，如果看到XMLHttpRequest的所有方法和属性，就会发现它们都与非常简单的请求/响应模型有关。用好该对象可以彻底改变您的应用程序。?创建XMLHttpRequest对象实例首先需要创建一个新变量并赋给它一个XMLHttpRequest对象实例。这在JS中很简单，只要对该对象名使用new关键字即可.创建新的XMLHttpRequest对象:var request new XMLHttpRequest ;?创建 XMLHttpRequest的Java伪代码:XMLHttpRequest request new XMLHttpRequest ;?错误与跨浏览器处理在实际上各种事情都可能出错，而上面的代码没有提供任何错误处理。较好的办法是创建该对象，并在出现问题时优雅地退出。比如，任何较早的浏览器都不支持 XMLHttpRequest，您需要让这些用户知道有些地方出了问题。下面说明如何创建该对象，以便在出现问题的时候发出 JavaScript 警告。创建具有错误处理能力的XMLHttpRequest对象 script language javascript type text/javascript var request false;try ?request new XMLHttpRequest ; catch failed request false; if !request ?alert Error initializing XMLHttpRequest! ; ?一定要理解这些步骤：?1、创建一个新变量 request 并赋值 false。后面将使用 false 作为判定条件，它表示还没有创建 XMLHttpRequest 对象。?2、增加 try/catch 块：?3、尝试创建 XMLHttpRequest 对象。?4、如果失败（catch failed ）则保证 request 的值仍然为 false。?5、检查 request 是否仍为 false（如果一切正常就不会是 false）。?6、如果出现问题（request 是 false）则使用 JavaScript 警告通知用户出现了问题。?现在已经得到了一段带有错误检查的XMLHttpRequest对象创建代码，还可以告诉您哪儿出了问题。?增加对Microsoft浏览器的支持 script language javascript type text/javascript var request false;try ?request new XMLHttpRequest ; catch trymicrosoft try request new ActiveXObject Msxml2.XMLHTTP ;? catch othermicrosoft try request new ActiveXObject Microsoft.XMLHTTP ; catch failed request false; if !request ?alert Error initializing XMLHttpRequest! ; ?下面分别介绍每一步：1、创建一个新变量 request 并赋值 false。使用 false 作为判断条件，它表示还没有创建 XMLHttpRequest 对象。?2、增加 try/catch 块：?3、尝试创建XMLHttpRequest对象。4、检查 request 是否仍然为 false（如果一切顺利就不会是 false）。?5、如果出现问题（re