Ajax和Hibernate在网页设计中研究与实践.docVIP

Ajax和Hibernate在网页设计中的研究与实践 　　摘 要：本文首先阐述了Ajax的异步交互、实时刷新理念和Hibernate的数据库持久层开发，Ajax理念的出现，揭开了页面局部刷新的时代序幕，从而使开发者可以开发出交互性更强的web应用程序，Hibernate 是一个开放源代码的对象关系映射框架，使得程序员可以随心所欲的使用面向对象编程思想来操纵数据库。然后应用介绍的相关技术设计了一个电子商城网站，给出了在网页设计中如何使用Ajax进行数据异步传递、局部刷新的方法以及Hibernate的数据持久化过程。 　　关键词：网页设计；Ajax；Hibernate 　　引言 　　Ajax全称为异步JavaScript和XML（即Asynchronous JavaScript and XML），从中可以看到与Ajax直接相关的几个技术点：一是异步，二是JavaScript，三是XML。Ajax实际上是各种技术的一种综合应用，这其中包括JavaScript脚本、XHTML和CSS、DOM、XML和XSTL，以及最重要的一个对象XMLHttpRequest。使用XMLHttpRequest对象进行浏览器和服务器端的异步数据读取；使用JavaScript脚本实现对所有数据进一步处理。Ajax是使用XMLHttpRequest对象发送请求并获得服务器端的响应，同时Ajax可以在不重新载入整个页面的情况下用JavaScript操作DOM可以实现最终更新页面。因此在读取数据的过程中，用户所面对的不是白屏，而是原来的页面内容。这种更新是瞬间的，用户几乎感觉不到，对用户来讲是一种连贯的感觉。 　　Hibernate是一个开放源代码的对象关系映射框架，它对JDBC进行了轻量级的对象封装，使程序员可以随心所欲地使用面向对象编程思维来操纵数据库。它不仅提供了从类到数据表之间的映射，也提供了数据查询和恢复机制。相对于使用JDBC和SQL手工操作数据库， Hibernate可以大大减少操作数据库的工作量。由于对象范例和关系范例这两大领域之间存在“阻抗不匹配”，所以把数据持久层单独作为J2EE体系的一个层提出来的原因就是能够在对象―关系数据库之间提供一个成功的企业级映射解决方案，尽最大可能弥补这两种范例之间的差异。Hibernate技术本质上是一个提供数据库服务的中间件。 　　1Ajax技术在网页设计中的应用 　　Ajax应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。 　　使用Ajax的最大优点就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为快捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。这样就提高了系统和用户的交互性，使得系统更加人性化，更加合理化。 　　网站都有登录和注册功能，注册功能实现普通用户的注册，其中注册功能采用Ajax框架的JSON-RPC技术，当用户名输入后自动调用远程方法检测用户名，避免了只有登录提交后才能判断用户是否存在的不足。下面以一个例子来说明使用Ajax技术实现页面的异步显示，实时刷新功能。例如用户名验证和链接数据库验证主要代码如下： 　　function loginRequest（url） {createXMLHttpRequest（）; 　　XMLHttpReq.open（“GET”,url, true）; 　　XMLHttpReq.onreadystatechange=processLoginResponse;//指定响应函数 　　XMLHttpReq.send（null）;// 发送请求 } 　　// 处理身份验证返回信息函数 　　function processLoginResponse（） { 　　if （XMLHttpReq.readyState == 4） { // 判断对象状态 　　if （XMLHttpReq.status == 200） { // 信息已经成功返回，开始处理信息 　　var res=XMLHttpReq.responseXML.getElementsByTagName（“res”）[0].firstChild.nodeValue; 　　if （res==1）{ // 根据LoginAction类返回的值判断用户输入的错误情况。 　　window.alert（“用户名错误！”）; } 　　else if （res==2）{ window.alert（