(word完整版)Web2.0中的jQuery和Ajax技术.doc

(word完整版)Web2.0中的jQuery和Ajax技术
(word完整版)Web2.0中的jQuery和Ajax技术
(word完整版)Web2.0中的jQuery和Ajax技术
Web2.0中的jQuery和Ajax技术
CorneliaGyörödi，RobertGyörödi，GeorgePecherle,TamasLorand，RoșuAlin
【摘要】Web2.0的开发用到了jQuery和Ajax技术，本文即描述web2.0开发中的技术诸如PHP，jQuery和Ajax。早期的门户网站简单的用到了PHP和MySQL技术,但是不足以满足日益增长的用户交互多样性的需求，jQuery的出现改变了人们写JavaScript的方式，因为它使得代码变得更加紧凑和易读，谷歌、IBM、美国全国广播公司、亚马逊、博客系统等大部的公司都因为它的流行而使用了它.Ajax主要用增强了网页的反射灵敏性和互动性，使得一个页面实现部分数据交互，因此当需要实现部分数据加载时,不必加载整个页面。
【关键词】门户网站、JavaScript、jQuery、Ajax、PHP、MySQL、HTML，CSS，DOM，XML

I、INTRODUCTION
Web2.0就像PinkFloydlyrics所说的那样：“不同的人对待不同的事物，取决于他的内心所想”，因此，Web2。0对于一些人比如客户来说意味着反应更加敏捷，但是它的初衷确实是使得交互的人们得到更迅速的反应，那正是它出现的理由，为了各个模块间更好的协同交互。然而，事实上，也意味着它的标准沿袭了Web1.0，用着同样的文档模型库，HTML、SVG等等，它也沿用HTTP，建立的东西也是Web标准，加上JavaScript的内容。
根据TimO'Reilly的观点，“自有计算机以来,通过跨平台，Web2.0是一次业务上的产业革命，也是一个在新平上运作良好的尝试".
值得注意的是一些技术专家，比如TimBerners-Lee,提出的是否需要制定一个统一的标准，因为自从万维网出现之后很多Web2.0的组件已经存在了。
一个网页就是一个通过网络提供单一功能的站点，门户网站的功能通常是作为一个点来连接万维网的信息。第一个门户网站仅仅是用PHP和MySQL写的，然而，对于大部分用户而言，整个网站的设想是需要可交互的和可及的。
这种可交互性可以通过非常简单和方便的方式实现，比如用jQuery，一个轻量级别的JavaScript库，它强调在JavaScript和HTML之间的可交互性.jQuery于2006年1月在BarCampNYC由JohnResig发布，并且是一个免费开源的软件。
jQuery跟Ajax紧密结合，主要特征是加载数据时可不用加载整个网页，好处是节省带宽的使用，数据的分离，格式化和样式化一些功能,一个弊端是对于每个网页都用Ajax进行了优化，这就不得不提供一个网页的布局图。

II、WEB2.0ANDTHERELATEDTECHNOLOGIES
用户体验和Ajax是Web2。0的核心元素，简而言之就是“Wb2。0是由人类的思维构成的”，Web2.0关键的几个方面：
--网站本身和它的全部都是作为一个全球通用的跨平台连接，提供可重用的服务和数据；
——从所有的资源，尤其是用户产生的数据中消费并且重新合成；
-—可以经常性的连续而且无缝的快速更新软件和数据；
——丰富的可交互用户界面;
——由用户参与的个性化自定义。

Ajax（AJAX-是“AsynchronousJavaScriptandXML"的简称），是一种开发交互式网页应用的技术，它的意图是通过只跟后台交换少量数据来增强网页的响应性，因此每次当用户请求一些变化时整个页面不需要重新加载，这也达到了增强页面交互性、快速性和可用性的目的，更多关于Ajax的详细信息可以通过查找[6]、[7]或者［8］获得。XHR（XMLHttpRequest）对象是Ajax的核心引擎，这个对象使得在程序运行中不需要刷新浏览器就可以跟后台服务器获取数据或者推送请求。下图展示了AJAX网页应用和经典的网页应用分别是怎么工作的(Fig.2):

事实上jQuery是一个开源的JavaScript库，简化了HTML和JavaScript的关连，这种创意原型完全不会使得可读性差，用CSS布局功能，很容易就能做到模块间分离。DavaMethvin,PCPitstop的首席执行官（一个著名的热衷于给人们提供计算机帮助的社会团体）说。jQuery的学习关注可以通过查找一些资料并且做一些相关的例子，下面是列举的一个在HTML下怎样使文本块淡入效果的例子。

在计算机科学中，各种应用都是基于数据而展开的，从历史上看，这些应用都是采用各种各样的语言写的，对于数据而言，同样拥有多种多