使用js和ajax发出异步请求

《使用js和ajax发出异步请求》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、使用JS和Ajax发出异步请求  本文介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例，建立和发送请求，并响应服务器。您将开始接触最基本和基础性的有关Ajax的全部对象和编程方法：XMLHttpRequest对象。该对象实际上仅仅是一个跨越所有Ajax应用程序的公共线程，您可能已经预料到，只有彻底理解该对象才能充分发挥编程的潜力。 XMLHttpRequest简介XMLHttpRequest是JS的一个对象。它是介绍Web2.0、Ajax和大部分其他内容的核心。下面给出该对象的几个方法和属性：1、open()：建立到服务器的新请求。

2、 2、send()：向服务器发送请求。 3、abort()：退出当前请求。 4、readyState：提供当前HTML的就绪状态。 5、responseText：服务器返回的请求响应文本。用XMLHttpRequest能够做什么呢，值得注意的是这些方法和属性都与发送请求及处理响应有关。事实上，如果看到XMLHttpRequest的所有方法和属性，就会发现它们都与非常简单的请求/响应模型有关。用好该对象可以彻底改变您的应用程序。 创建XMLHttpRequest对象实例首先需要创建一个新变量并赋给它一个XMLHttpRequest对象实例。这在JS中很

3、简单，只要对该对象名使用new关键字即可.创建新的XMLHttpRequest对象:varrequest=newXMLHttpRequest(); 创建XMLHttpRequest的Java伪代码:XMLHttpRequestrequest=newXMLHttpRequest(); 错误与跨浏览器处理在实际上各种事情都可能出错，而上面的代码没有提供任何错误处理。较好的办法是创建该对象，并在出现问题时优雅地退出。比如，任何较早的浏览器都不支持XMLHttpRequest，您需要让这些用户知道有些地方出了问题。下面说明如何创建该对象，以便在出现问题的时候

4、发出JavaScript警告。创建具有错误处理能力的XMLHttpRequest对象varrequest=false;try{ request=newXMLHttpRequest();}catch(failed){ request=false;}if(!request) alert("ErrorinitializingXMLHttpRequest!"); 一定要理解这些步骤： 1、创建一个新变量request并赋值false。后面将

5、使用false作为判定条件，它表示还没有创建XMLHttpRequest对象。 2、增加try/catch块： 3、尝试创建XMLHttpRequest对象。 4、如果失败（catch(failed)）则保证request的值仍然为false。 5、检查request是否仍为false（如果一切正常就不会是false）。 6、如果出现问题（request是false）则使用JavaScript警告通知用户出现了问题。 现在已经得到了一段带有错误检查的XMLHttpRequest对象创建代码，还可以告诉您哪儿出了问题。 增加对Microsoft浏览器的

6、支持varrequest=false;try{ request=newXMLHttpRequest();}catch(trymicrosoft){ try{   request=newActiveXObject("Msxml2.XMLHTTP"); }catch(othermicrosoft){   try{     request=newActiveXObject("Microsoft.XMLHTTP");   }catch(failed){   

7、  request=false;   } }}if(!request) alert("ErrorinitializingXMLHttpRequest!"); 下面分别介绍每一步：1、创建一个新变量request并赋值false。使用false作为判断条件，它表示还没有创建XMLHttpRequest对象。 2、增加try/catch块： 3、尝试创建XMLHttpRequest对象。4、检查request是否仍然为false（如果一切顺利就不会是false）。 5、如果出现问题（request是false）则使用JavaScript

8、警告通知用户出现了问题。 这样修改代码之后再使用InternetExplorer试验，就应该看到已经创建的表