Ajax基础教程

制作：badnewfish

联系：http://badnewfish.cnblogs.com1.2 浏览器历史提到Web浏览器，大多数人都会想到无处不在的Microsoft Internet Explorer，直到最近像Firefox、Safari和Opera之类的浏览器日益兴起，这种情况才稍有改观。许多新手可能会误认为IE是市场上的第一个浏览器，其实不然。实际上，第一个Web浏览器出自Berners-Lee之手，这是他为NeXT计算机创建的（这个Web浏览器原来取名叫WorldWideWeb，后来改名为Nexus），并在1990年发布给CERN的人员使用。Berners-Lee和Jean-Francois Groff将WorldWideWeb移植到C，并把这个浏览器改名为libwww。20世纪90年代初出现了许多浏览器，包括Nicola Pellow编写的行模式浏览器（这个浏览器允许任何系统的用户都能访问Internet，从Unix到Microsoft DOS都涵盖在内），还有Samba，这是第一个面向Macintosh的浏览器。

1993年2月，伊利诺伊大学Urbana-Champaign分校美国国家超级计算应用中心的Marc Andreessen和Eric Bina发布了Unix版本的Mosaic。几个月之后，Aleks Totic发布了Mosaic的Macintosh版本，这使得Mosaic成为第一个跨平台浏览器，它很快得到普及，并成为最流行的Web浏览器[1]。这项技术后来卖给了Spyglass，最后又归入Microsoft的门下，并应用在Internet Explorer中。

1993年，堪萨斯大学的开发人员编写了一个基于文本的浏览器，叫做Lynx，它成为了字符终端的标准。1994年，挪威奥斯陆的一个小组开发了Opera，到1996年这个浏览器得到了广泛使用。1994年12月，Netscape发布了Mozilla的1.0版，第一个盈利性质的浏览器从此诞生。2002年又发布了一个开源的版本，这最终发展为2004年11月发布的、现在十分流行的Firefox浏览器。

当Microsoft发布Windows 95时，IE 1.0是作为Microsoft Plus!包的一部分同时发布的。尽管这个浏览器与操作系统集成在一起，但大多数人还是坚持使用Netscape、Lynx或

Opera。IE 2.0有了很大起色，增加了对cookie、安全套接字层（Secure Socket Layer，SSL）和其他新兴标准的支持。2.0版还可以用于Macintosh，从而成为Microsoft的第一个跨平台浏览器。不过，大多数用户还是很执着，仍然坚持使用他们习用的浏览器。

不过到了1996年夏天，Microsoft发布了IE 3.0版。几乎一夜之间，人们纷纷拥向IE。当时，Netscape的浏览器是要收费的，Microsoft则免费提供IE。关于浏览器领域谁主沉浮，因特网社区发生了两极分化，很多人担心Microsoft会像在桌面领域一样，在Web领域也一统天下。有些人则考虑到安全因素——果然不出所料，发布3.0版9天之后就报告了第一个安全问题。但是到1999年发布IE 5时，它已经成为使用最广的浏览器。

1.3 Web应用的发展历程

最初，所有Web页面都是静态的，用户请求一个资源，服务器再返回这个资源。什么都不动，什么都不闪。坦率地讲，对于许多Web网站来说，这样也是可以的，这些网站的Web

页面只是电子形式的文本，在一处生成，内容固定，再发布到多处。在浏览器发展的最初阶段，Web页面的这种静态性不成问题，科学家只是使用因特网来交换研究论文，大学院校也只是通过因特网在线发布课程信息。企业界还没有发现这个新“渠道”会提供什么商机。实际上，以前公司主页显示的信息通常很少，无非是一些联系信息或者只是一些文档。不过没过多久，Web用户就开始有新的要求了，希望能得到更动态的网上体验。个人计算机成为企业不可或缺的资源，而且从个人宿舍到住家办公室开始出现越来越多的计算机。随着

Windows 95的问世，随着人们已经领教了Corel WordPerfect和Microsoft Excel丰富的功能，用户的期望也越来越高。1.3.1 CGI

要让Web更为动态，第一个办法是公共网关接口（Common Gateway Interface，CGI）。与静态的Web获取不同，使用CGI可以创建程序，当用户发出请求时就会执行这个程序。假设要在Web网站上显示销售的商品，你可以利用CGI脚本来访问商品数据库，并显示结果。通过使用简单的HTML表单和CGI脚本，可以创建简单的网上店面，这样别人就可以通过浏览器来购买商品。编写CGI脚本可以用多种语言，从Perl到Visual Basic都可以，这使得掌握不同编程语言的人都能编写CGI脚本。

不过，要创建动态的Web页面，CGI并不是最安全的方法。如果采用CGI，将允许别人在你的系统上执行程序。大多数情况下这可能没有问题，但是倘若某个用户有恶意企图，则很可能会利用这一点，让系统运行你本来不想运行的程序。尽管存在这个缺陷，到如今CGI仍在使用。1.3.2 applet

很显然，CGI可以有所改进。1995年5月，Sun公司的John Gage和Andreessen（目前在Netscape通信公司）宣布一种新的编程语言诞生，这就是Java。Netscape Navigator为这种新语言提供了支持，最初是为了支持机顶盒。（你可能原认为最早涉足智能家居的公司是Microsoft和Sony其实不然。）就像所有革命都机缘巧合一样，Java和因特网的出现恰到好处，在适当的时间、适当的地点横空出世，Java在Web上发布仅几个月，就已经有成千上万的人下载。由于Netscape的Navigator支持Java，动态Web页面掀开了新的一页：applet时代到来了。

applet允许开发人员编写可嵌入在Web页面上的小应用程序。只要用户使用支持Java的浏览器，就可以在浏览器的Java虚拟机（Java Virtual Machine，JVM）中运行applet。尽管applet可以做很多事情，但它也存在一些限制：通常不允许它读写文件系统，它也不能加载本地库，而且可能无法启动客户端上的程序。除了这些限制外，applet是在一个沙箱安全模型中运行的，这是为了有助于防止用户运行恶意代码。

对许多人来说，最初接触Java编程语言就是从applet开始的，当时这是创建动态Web应用的一种绝好的方法。applet允许你在浏览器中创建一个胖客户应用，不过要在平台的安全限制范围内。当时，在很多领域都广泛使用了applet，但是，Web社区并没有完全被applet“征服”[2]。胖客户的开发人员都很熟悉一个问题：必须在客户端上部署适当的Java版本。因为applet在浏览器的虚拟机中运行，所以开发人员必须确保客户端安装了适当版本的Java。尽管这个问题也可以解决，但它确实妨碍了applet技术的进一步推广。而且如果applet写得不好，很可能对客户主机造成影响，这使许多客户对于是否采用基于applet的解决方案犹豫不定。如果你还不太熟悉applet，请看图1-1，图中显示了Sun公司提供的时钟

applet。

图1-1　Sun的时钟applet1.3.3 JavaScript

与此同时，Netscape创建了一种脚本语言，并最终命名为JavaScript（建立原型时叫做Mocha，正式发布之前曾经改名为LiveWire和LiveScript，不过最后终于确定为

JavaScript）。设计JavaScript是为了让不太熟悉Java的Web设计人员和程序员能够更轻松地开发applet（当然，Microsoft也推出了与JavaScript相对应的脚本语言，称为

VBScript）。Netscape请Brendan Eich来设计和实现这种新语言，他认为市场需要的是一种动态类型脚本语言。由于缺乏开发工具，缺少有用的错误消息和调试工具，JavaScript很受非议，但尽管如此，JavaScript仍然是一种创建动态Web应用的强大方法。

最初，创建JavaScript是为了帮助开发人员动态地修改页面上的标记，以便为客户提供更丰富的体验。人们越来越认识到，页面也可以当作对象，因此文档对象模型（Document Object Model，DOM）应运而生。刚开始，JavaScript和DOM紧密地交织在一起，但最后它们还是“分道扬镳”，并各自发展。DOM是页面的一个完全面向对象的表示，该页面可以用某种脚本语言（如JavaScript或VBScript）进行修改。

最后，万维网协会（World Wide Web Consortium，W3C）介入，并完成了DOM的标准化，而欧洲计算机制造商协会（ECMA）批准JavaScript作为ECMAScript规约。根据这些标准编写的页面和脚本，在遵循相应原则的任何浏览器上都应该有相同的外观和表现。在最初的几年中，JavaScript的发展很是坎坷，这是许多因素造成的。首先，浏览器支持很不一致，即使是今天，同样的脚本在不同浏览器上也可能有不同的表现；其次，客户可以自由地把JavaScript关闭，由于存在一些已知的安全漏洞，往往鼓励用户把JavaScript关掉。由于开发JavaScript很有难度（你会用alert吗？），许多开发人员退避三舍，有些开发人员

干脆不考虑 JavaScript，认为这是图形设计人员使用的一种“玩具”语言。许多人曾试图使用、测试和调试复杂的JavaScript，并为此身心俱疲，所以大多数人在经历了这种痛苦之后，最终只能满足于用JavaScript创建简单的基于表单的应用。1.3.4 servlet、ASP和PHP……哦，太多了！

尽管applet是基于Web的，但胖客户应用存在的许多问题在applet上也有所体现。在大量使用拨号连接的年代（就算是今天，拨号连接也很普遍），要下载一个复杂applet的完整代码，要花很多时间，用户不能承受。开发人员还要考虑客户端上的Java版本，有些虚拟机还有更多的要求[3]。理想情况下只需提供静态的Web页面就够了，毕竟，这正是设计因特网的本来目的。当然，尽管静态页面是静态的，但是如果能在服务器上动态地生成内容，再把静态的内容返回，这就太好了。

在Java问世一年左右，Sun引入了servlet。现在Java代码不用再像applet那样在客户端浏览器中运行了，它可以在你控制的一个应用服务器上运行。这样，开发人员就能充分利用现有的业务应用，而且，如果需要升级为最新的Java版本，只需要考虑服务器就行了。Java推崇“一次编写，到处运行”，这一点使得开发人员可以选择最先进的应用服务器和服务器环境，这也是这种新技术的另一个优点。servlet还可以取代CGI脚本。

servlet向前迈出了很大一步。servlet提供了对整个Java应用编程接口（API）的完全访问，而且提供了一个完备的库可以处理HTTP。不过，servlet不是十全十美的。使用servlet设计界面可能很困难。在典型的servlet交互中，先要从用户那里得到一些信息，完成某种业务逻辑，然后使用一些“打印行”创建HTML，为用户显示结果。代码清单1-1所示的代码就相当常见。

代码清单1-1　简单的servlet代码

response.setContentType(\ PrintWriter out = response.getWriter();

out.println(\ out.println(\

out.println(\ out.println(\ out.println(\

out.println(\

out.println(\ out.println(\ out.println(\

out.close();

以上这一小段代码可以生成图1-2所示的一个相当简单的Web页面。

图1-2　代码清单1-1中简单servlet的输出

servlet不 仅容易出错，很难生成可视化显示，而且还无法让开发者尽展其才。一般地，编写服务器端代码的人往往是软件开发人员，他们只是对算法和编译器很精通，但不是 能设计公司精美网站的图形设计人员。业务开发人员不仅要编写业务逻辑，还必须考虑怎么创建一致的设计。因此，很有必要将表示与业务逻辑分离。因此JSP（JavaServer Pages）出现了。

在某种程度上，JSP是对 Microsoft的 Active Server Pages (ASP）做出的回应。Microsoft从Sun在servlet规约上所犯的错误汲取了教训，并创建了ASP来简化动态页面的开发。Microsoft增加了非常好的工具支持，并与其Web服务器紧密集成。JSP和ASP的设计目的都是为了将业务处理与页面外观相分离，从这个意义上讲，二者是相似的。虽然存在一些技术上的差别（Sun也从Microsoft那里学到了教训），但它们有一个最大的共同点，即Web设计人员能够专心设计页面外观，而软件开发人员可以专心开发业务逻辑。代码清单1-2显示了一个简单的JSP。

代码清单1-2　简单的JSP<%@page contentType=\<%@page pageEncoding=\

Hello World

Hello World

This code is more familiar for Web developers.