JavaScript语言与Ajax应用第09章 Ajax应用

JavaScript语言与Ajax应用〔第二版〕主编董宁陈丹中国水利水电出版社

第9章Ajax应用9.1Ajax简介9.2Ajax应用分析9.3Ajax过程解析9.4Ajax数据格式9.5创立Ajax应用对象9.6Ajax异常处理9.7利用JavaScript库实现Ajax应用05四月2024JavaScript语言与Ajax应用〔第二版〕29.1Ajax简介05四月2024JavaScript语言与Ajax应用〔第二版〕39.2Ajax应用分析05四月2024JavaScript语言与Ajax应用〔第二版〕49.3Ajax过程解析9.3.1Ajax的请求/响应过程9.3.2失败的Ajax请求05四月2024JavaScript语言与Ajax应用〔第二版〕59.3.1Ajax的请求/响应过程05四月2024JavaScript语言与Ajax应用〔第二版〕69.3.2失败的Ajax请求05四月2024JavaScript语言与Ajax应用〔第二版〕79.4Ajax数据格式9.4.1XML9.4.2JSON05四月2024JavaScript语言与Ajax应用〔第二版〕89.4.1XMLXMLHttpRequest对象最初在设计时就是用来返回XML格式的结果的。它有一个responseXML属性，该属性返回的XML属性会被自动解析成一个可以定位的XMl格式的DOM对象，让我们可以通过DOM方法在其中定位节点和获取数据。05四月2024JavaScript语言与Ajax应用〔第二版〕99.4.2JSON如果我们利用字符串格式的效劳器响应传输一段JavaScript语言代码，然后用eval()函数执行，代码如下所示：eval(transport.responseText);这样的话我们将可以把效劳器响应作为一段插入页面的JavaScript代码来执行了。现在，这种技巧已经演变成为了一种非常优秀的Ajax数据传输方式，那就是JSON〔JavaScriptObjectNotation，JavaScript对象表示法〕。JSON格式表示的数据对象实际上就是JavaScript语言中的字面量对象，但是只允许包含以下几种类型：字符串、数值、数组和其他字面量对象，并且键和字符串类型的值都必须用双引号括起来。05四月2024JavaScript语言与Ajax应用〔第二版〕109.5创立Ajax应用对象05四月2024JavaScript语言与Ajax应用〔第二版〕119.6Ajax异常处理9.6.1访问超时9.6.2HTTP状态代码9.6.3多从请求9.6.4意外数据05四月2024JavaScript语言与Ajax应用〔第二版〕129.6.1访问超时在Ajax效劳器请求发送出去之后，发出请求的页面会一直等待效劳器响应，直到效劳器关闭连接。如果遇到一些特殊情况，比方效劳器繁忙无法及时响应、Internet连接不通畅或效劳器关闭等，用户就会觉得等待时间太长，从而开始疑心是否页面本身有错误。为了应对这一情况，比较成熟的做法是让页面等待一段时间后让调用超时，并处理超时错误。05四月2024JavaScript语言与Ajax应用〔第二版〕139.6.2HTTP状态代码Web效劳器在接收到任何一种访问请求时都会返回一个响应。在响应里面会包含一个状态代码，代码表示了一些与效劳器响应相关的信息。一个正确的效劳器响应往往会包含的状态代码为200。在200区间内的状态代码都表示成功。300区间内的代码表示效劳器重定向。400区间是请求错误，这也是我们在浏览器中常见的400错误，可能是请求没有正确发送，也有可能是页面不存在。最后500区间表示效劳器本身出错。对于Ajax请求来说，只有得到200区间内的相应代码才能说是正确的效劳器响应。05四月2024JavaScript语言与Ajax应用〔第二版〕149.6.3多从请求所谓多重请求，指的是一个页面在发出一个Ajax请求后在效劳器没有发回响应前又向该效劳器发出一个同样的Ajax请求。在Ajax网站应用中，多重请求会经常发生，所以我们在编写Ajax页面时必须考虑到多重请求的情况。05四月2024JavaScript语言与Ajax应用〔第二版〕159.6.4意外数据05四月2024JavaScript语言与Ajax应用〔第二版〕169.7利用JavaScript库实现Ajax应用9.7.1jQuery9.7.2ExtJS05四月2024JavaScript语言与Ajax应用〔第二版〕179.7.1jQueryjQuery库是围绕DOM操作来设计的，它在处理Ajax的方式上也是如此。首先在jQuery库中提供了一个最便捷的Ajax调用函数，也就是load()函数，该函数可以用在利用jQuery库获取的DOM对象上，比方：$("#content").load("a.htm");上述代码首先通过$函数获取页面中ID为content的元素，然后它向指定的URL发出Ajax请求，并用相应的结果替换掉content元素中的内容。05四月2024JavaScript语言与Ajax应用〔第二版〕189.7.2ExtJSExtJS是一个非常优秀的JavaScript库，可以用来开发富有华美外观的富客户端应用，能使Web应用更加具有活力。ExtJS库的设计目的与jQuery库不一样，它更注重于为页面提供各种外观组件而不是简化JavaScript编码，所以ExtJS库并没有向jQuery库那样提供很多用于简化Ajax应用的对象，而是提供了一个功能完整的全局函数Ext.Ajax.request()就像jQuery库中提供的ajax()函数一样，