毕业论文：Ajax技术及其在web中的应用
提示：本文原版含图表word版全文下载地址附后（正式会员会看到下载地址）。这里只复制粘贴部分内容或目录（下面显示的字数不代表全文字数）,有任何不清楚的烦请咨询本站客服。

论 文 题 目 ：Ajax技术及其在web中的应用
指 导 老 师 ：胡圣荣
学 生 姓 名 ：方创城
学 号 ：W445009221300002
院 系 ：网络教育学院
专 业 ：计算机科学与技术
写 作 批 次 ：2011春02批次
原 创 承 诺 书

我承诺所呈交的毕业论文是本人在老师指导下进行的研究工作及取得的研究成果。据我查证，除了文中特别加以标注和致谢的地方外，论文中不包含其他人已经发表或撰写过的研究成果。若本论文及资料与以上承诺内容不符，本人愿意承担一切责任。

毕业论文作者签名：__方创城_
日期： 2011年 6月26日

目 录
摘要 ………………………………………………………………………………I
Abstract …………………………………………………………………………Ⅱ
导言 …………………………………………………………………………….Ⅲ
一.AjAX的概述及其相关技术 ……………………………………………………1
(一)AJAX的概述 ………………………………………………………………1
1.Ajax的优势 ……………………………………………………………1
2.Ajax的弊端 ……………………………………………………………2
(二).AJAX的核心技术 ………………………………………………………2
二.传统WEB与AJAX技术实现后的比较 …………………………………………4
(一)AJAX与传统Web模型的区别 ……………………………………………4
（二）组成Ajax的WEB框架模型的关键技术及它们之间的协助 …………6
1.JAX的执行周期 …………………………………………………………6
2.AJAX的客户端与服务器的异步通信 ……………………………………6
三. AJAX的实例分析 …………………………………………………………………8
（一）.客户端提交页
……（新文秘网省略1609字，正式会员可完整阅读）……　
大魅力和无限潜力，从网络诞生的那天起人们对Web开发的探索就从未停止过，不断丰富的Web开发技术给Web开发带来了广阔的发挥空间。
随着Web2．0的出现，一个过去并不被广泛支持的技术已经被越来越多的用户所接受，它给了开发者更多的自由，开发先进的Web应用程序。这些通过JavaScript来异步取得XML数据的应用程序，被称为“AJAX应用程序”
(Asynchronous JavaScript and XML applications)。与传统w曲应用程序相比，它显得更像桌面应用程序。
AJAX是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的惯例。使用AJAX，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。
而AJAX作为一种新的选择、一种新的开发工具，可以创建丰富的基于浏览的应用，并且可以通过异步数据交换机制有效解决传统Web应用的“请求一响应”模式中的网络延迟问题。
本文对Ajax模式下的WEB开发进行研究，将Ajax交互模型与传统的Web开发相结合并有效地应用在网站Web应用开发过程中。


III
Ajax技术及其在web中的应用
一 . AjAX的概述及其相关技术
（一）AJAX的概述
AJax利用异步调用方式对页面进行局部刷新，可以创建丰富的基于浏览器
的应用，提供高度交互的使用体验。用户感觉几乎所有的操作都会很快响应而
没有页面重载的等待。由于Ajax在界面表现力和用户体验方面的优异表现，具
有广阔的技术应用和商业市场前景，该技术得到了业界的极力追捧。Google公
司率先采用Ajax技术建造出了一大堆非常出色的应用：Google Maps、GMail，
特别Google Maps更是将AJax技术引到了聚光灯下；IBM、Oracle、Yahoo!、
等公司启动了OpenAJAX项目，致力于为Ajax开发建造先进强大的开发工具；
微软开发了自己的AJax框架Asp．netAjax(原Atlas)。
Ajax是Web2．0阶段系列技术和相关产品服务中非常重要的一种技术。其全
称为异步JavaScript和XML,从中可以看到与Ajax直接相关的几个技术点：一是
异步，借助异步JavaScript实现浏览器和服务器直接的异步交互，如无需重新装
载整个页面就可以向服务器发送请求，并接受响应。二是JavaScript，三是XML，
对XML文档的解析和处理．这几点恰恰集中反映了这项技术关注的问题。
1.Ajax的优势
与传统的Web开发不同，Ajax应用的优势主要表现在以下几个方面：
a．减轻服务器的负担。因为Ajax的根本理念是“按需取数据”，所以最大
可能减少了冗余请求和响应对服务器造成的负担。
b．无刷新更新页面，减少用户实际和心理等待时间。Ajax适用于交互较多，频繁读数据，数据分类良好的WEB应用。特别的，当要读取大量的数据的时候，不用像Reload那样出现白屏的情况，Ajax使用XMLHttpRequest对象发送请求并得到服务器响应，在不重新载入整个页面的情况下用JavaScript操作DOM文档对象模型(Document Object Model)最终更新页面。
c．可以把以前服务器负担的一些工作转移到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，提高网站程序的带宽性能(一个网页测试公司经测试得出使用Ajax比使用传统的Web总带宽节约61％)，节约空间和宽带租用成本。
d．可以调用外部数据。
e．基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
f．Ajax使WEB中的界面与应用分离(也可以说是页面呈现和数据的分离)。
由此可见，Ajax使得w曲应用更加动态，带来了更高的智能，并且提供了表现能力丰富的Ajax UI组件。

2.Ajax的弊端
a．JavaScript作为Ajax引擎，其兼容性和程序调试都是让人头痛的事；调试JavaScript不是很容易的事，方法比较单一，而且有时从抛出的异常很难进行
错误的定位。
b．可能会破坏W曲页面的可访问性(Accessibility)。由于Ajax动态、渐增式的更新页面从一定程度改变了Web使用模式，而这一变化并不一定是人们所期望的。用户可能没有意识和注意到页面更新、变化的内容，所以容易给用户带来困扰。例如当用户阅读新闻，头条悄然更新而用户却不知就是个问题了，若是运用到股票等时效性相当强的领域将是十分有影响的问题。
c．对流媒体的支持没有FLASH、JavaApplet好，一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax。
d．Aiax技术的使用要适可而止，不可泛滥使用。使用得当则妙笔生辉，反之过度使用很容易让自己的系统陷入麻烦之中，系统复杂性、调试难度急剧增加、系统运行性能、兼容性也会随之下降。
e．Ajax不容忽视的安全问题。最大的威胁是不良形式的数据。由于使用了异步代码。拒绝服务很容易发生。一种潜在的结果就是服务器资源耗尽，或者因为拒绝服务而引起服务器宕机。Ajax具有一些Web应用的安全问题，除非你在服务器端安装应用防火墙，才能得到保护。比如一些恶意的用户可能会发送脏数据，尤其是创建攻击性的客户端。另一个问题就是未授权的用户访问。因此，你可以在用户不易觉察的情况下传送数据。这也是一个很大安全隐患。

(二)AJAX的核心技术
Ajax其核心有JavaScript，XMLHttpRequest和DOM，如果所用数据格式为XML的话，还可以再加上XML这一项(Ajax从服务器端返回的数据可以是XML格式，也可以是文本等其他格式。
1.XMLHttpRequest对象
AJAX技术之中，最核心的技术就是XMLHttpRequest，它最初的名称叫做XMLHTTP， XMLHttpRequest为运行于浏览器中的JavaScript脚本提供了一种在页面之内与服务器通信的手段。页面内的JavaScript可以在不刷新页面的情况下从服务器获取数据，或者向服务器提交数据。
XMLHttpRequest是浏览器中已定义好的对象，它是Ajax技术的核心组成部分，JavaScript通过它和服务器之间进行通信，并通过它来解析从服务器传回来的XML文件。
2. Javascript
Javascript一直被定位为客户端的脚本语言，应用最多的地方是表单数据的校验。现在，可以通过Javascript操作XMLHttpRequest，来跟数据库打交道。
Javascript是一种可以与HTML标记语言混合使用的脚本语：言，其编写的程序可以直接在浏览器中解释执行。因此使用脚本语言编写的程序可以在浏览器的支持下跨平台运行。在Javascript脚本中可以调用浏览器及AJax中提供的相关对象。利用这些对象提供的属性和方法可以实现页面效果的动态控制。[1]
3.DOM
DOM全称是文档对象模型(Document Object Model)是提供给HTML和XML使用的一组API，提供了文件的表述结构，并可以利用它改变其中的内容和可见物。脚本语言通过DOM才可以跟页面进行交互。Web开发人员可操作及建立文件的属性、方法以及事件都以对象来展现。在本质上是一种文档平台。借助DOM允许结合脚本语言实现动态的数据存储以及动态上传文件的内容、结构以及样式。总之，借助DOM，开发人员可以有层次的处理原本纷乱的数据对象，从而实现清晰化、条理化的数据查询和处理。[8]
4.XML
通过XML可扩展标记语言(Extensible Markup Language)，可以规范的定义结构化数据，是网上传输的数据和文档符合统一的标准。用XML表述的数据和文档，可以很容易的让所有程序共享。
XML的优势之一是它允许各个组织、个人建立适合自己需要的标记符号。这一特征使得XML可以在电子商务、政府文档、司法、出版、保险机构、厂商和中介组织信息交换等领域中一展身手，针对不同的系统、厂商提供各具特色的独立解决方案。XML最大的优点就在于她的数据存储格式不受现实格式的制约。[2]
5. ……（未完，全文共12867字，当前仅显示4518字，请阅读下面提示信息。）