16 Ajax应用.pptVIP

第16章 Ajax应用 从1995年底JavaScript正式出现到2005年的10年间，JavaScript在Web编程中的应用已经发展得非常成熟。在这期间，随着计算机技术的发展，互联网技术从Web 1.0发展到了Web 2.0。Web 2.0编程逐渐形成热潮，Web 2.0比Web 1.0更注重用户的上网体验，它提供了与桌面应用程序相似的使用经验。 在Web 2.0技术中，一种称为Ajax的技术出现并以令人吃惊的速度成为最热门的技术。本章将引领读者去探寻Ajax的奥秘，相信通过体验Ajax的优秀表现，读者一定能超越传统的Web编程。 本章主要内容包括Ajax的基本知识，XMLHttpRequest对象及其属性和方法，Ajax的实现模式与框架，通过简单实用的Ajax开发实例讲解帮助读者体会Ajax编程的过程，引导读者进行实际开发实战。 16.1 Ajax概述 Ajax的出现使动态网页逐渐摆脱了同步更新的弊端，采用了先进的异步交互模式，大大改善了用户的上网体验。Ajax是一系列技术的结合，这些技术是已经出现，并已经发展成熟的常见技术。学习Ajax的技术难度并不大，但是涉及的技术较多，学习需要较长的时间和较大的精力。学习之前，读者需要首先了解Ajax的基本知识，本节讲解Ajax的基础。 16.1.1 Ajax简介 对大多数的开发者来说Ajax是个新名词，有的开发者可能会想到荷兰的Ajax（阿贾克斯）足球队，我们这里讨论的Ajax其实不是一种编程语言，而是一个创建更好Web应用程序的技术过程。Blogger Don在《Web 2.0概念诠释》一文中提到“Web 2.0是以Flickr、Craigslist、Linkedin、Tribes、Ryze、Friendster、Del.icio.us、43T等网站为代表，以Blog、TAG、SNS、RSS、wiki等社会软件的应用为核心，依据六度分隔、Xml、Ajax等新理论和技术实现的互联网新一代模式。”从这段话中可以看出，Ajax是新一代Web 2.0的关键技术。因为Ajax不是指一种单一的技术，而是用来描述一组技术，它使浏览器可以为用户提供更接近于桌面应用程序的体验。在Ajax之前，Web站点强制用户进入“提交”－“等待”－“重新显示”的循环，用户必须等待服务器响应完成后，才可以再进行操作。总体而言，用户不得不花费大量的时间面对空白的浏览器，用户体验非常糟糕。 16.1.2 Ajax定义 Ajax是指“Asynchronous JavaScript and XML”（异步JavaScript和XML）。2005年2月，Adaptive Path的咨询顾问Jesse James Garrett在网上发表了《Ajax：一种Web应用程序开发的新方法》，在该文章中他首次提出了名词“Ajax”，是指一种运用于浏览器中的技术。在浏览器和服务器之间，它使用异步数据进行转换，并允许网页向服务器索取少量信息而非整个网页。这项技术标志着网络应用程序的微小化、迅捷化以及便捷化，是一种不需依靠服务器软件而独立运行的浏览器技术。 16.1.3 传统Web应用程序开发中的问题及对策 传统的Web应用程序结构采用同步交互过程，在这种情况下，由于用户每次提交输入信息的时候服务器都将传回一个新的页面，传统的网络应用程序通常运行缓慢且使用不便。这种结构形式中，用户请求之后，到浏览器显示请求返回的结果的时间间隔里服务器处理请求，用户在大多数时间处于等待服务器返回结果的等待状态，浏览器是显示空白的。在这种交互中是不连贯的用户Web体验，浪费用户大量时间。 16.1.4 Ajax的原则 Ajax Web应用程序基于JavaScript和HTTP请求。通过Ajax，用户可以创建更好、更快以及更友好的Web应用程序。Ajax编程虽然使用了多种技术，它的最终目的都是为了改善用户Web体验。在编程过程中有一些通用的原则需要遵守，软件开发及可用性专家Michael Mahemoff指出了一个好的Ajax应用程序应遵循的关键原则， 16.1.5 Ajax的应用现状 1．Ajax适用场景 2．Ajax的应用实例 16.2 XMLHttpRequest对象及其使用 在JavaScript编程中，尽管可以使用img、iframe和script标签进行HTTP脚本编程，但是实际使用中并不方便，我们使用XMLHttpRequest对象，它的功能非常强大。XMLHttpRequest对象是Ajax的核心。XMLHttpRequest使用户可以使用JavaScript向服务器发送请求并处理响应，而不用中断用户的操作。 XMLHttpRequest对象是微软在Internet Explorer 5.0中第一次引入的，是随XML的引入