互联网 qkzz.net
全刊杂志网:首页 > 大学学报 > 文章正文
刊社推荐

Ajax技术在Web 2.0中的应用与实现


□ 何 维

  摘要:本文主要探讨Ajax技术在Web中的应用原理、较传统web应用的优势等问题,并举例说明用Ajax建立用户登录功能的实现方法。
  关键词:Ajax;JavaScript
  中图分类号:TP311 文献标识码:A
  
  1 概述
  
  Ajax是一种新型的网页交互技术。它允许在客户端和服务器之间只传输少量的信息,避免了每次点击都要重新下载页面的等待,从而让用户得到更快的响应和更及时的反馈。
  在传统的网站程序中,浏览器负责向服务器提交用户请求,并处理服务器对请求的响应。这使得用户为了提交一点点数据都需要重新下载网页。而网页的频繁刷新不仅使用户等待响应的时间变长,而且更容易导致用户的误操作。
  Ajax模型利用中间层来解决这一问题,即Ajax引擎(Ajax Engine),用它来处理客户端和服务器之间的通信。Ajax引擎使用JavaScript函数实现,只有当需要处理客户端与服务器间通信的时候才调用它。与传统模型的最大不同是,Ajax模型的处理过程是异步的,不需要等到响应到达后才继续执行后续的代码。
  
  2 较传统web应用的优势
  
  2.1 Ajax技术图示
  
  
  
  
  
  
  
  2.2 Ajax的技术优势
  1.通讯采用异步模式,使网页执行的效率大大提高。例如,客户端在向服务器端发出了查询操作后,将立刻执行查询语句的下一条代码,无须停下来等待服务器端的反馈结果。
  2.优化了浏览器和服务器间的传输,减少不必要的数据下载<sup>[1]</sup>。传统web应用的基本过程是,先让用户填写表单,在提交表单时向Web服务器发送一个请求。服务器端接收并处理请求,然后返回一个新的网页。这样的过程浪费了很多时间,因为在前后两个页面中,网页代码往往大部分是相同的。由于每次交互过程都需要向服务器端发送请求,网页的响应速度就依赖于服务器的响应速度,这就导致了用户的网页界面响应比本地程序的界面响应要慢得多。
  3.Ajax引擎在客户端运行,并承担一部分原本由服务器端处理的工作,从而减少服务器端的数据负载,进一步提升网络交互的效率。Ajax应用程序仅向服务器端发送并获取交互所必需的数据,从而使服务器和浏览器间交换的数据大大减少,用户就能看到更快响应的应用过程。另一方面,由于很多的处理工作能在客户端上完成,所以也缩短了服务器的处理时间。
  
  3 用Ajax实现用户登录功能
  
  3.1 建立用户信息表
  建立存储用户信息的数据库表users表,其中包含3个属性,分别是序号xuhao、用户名xingming和密码mima。以下为创建此表的SQL语句:
  create table users (xuhao int primary key unique not null, xingming varchar(50) not null, mima varchar(50) not null
  3.2 服务器端代码
  用户登录门户网站的过程是:客户端代码先向服务器端发送一个请求,在请求中传递用户的身份信息。服务器端获取到这一请求,并要确定此身份信息是否正确。如果正确,就开始创建主页;如果身份信息不正确,就给客户端页面发回出错消息。
  以Java语言为例,可用了servlet程序封装所有与服务器端的交互代码。利用一个过滤器来检查User对象是否己经保存在会话中。如果是,就接受;否则将根据请求中提供的用户名和密码来做身份验证。如果接受,请求就会继续传递到servlet程序中;不然就返回一条出错消息。以下代码封装了出错消息的JavaScript语句:
  public static String getLoginError ( ) {
  StringBuffer jsBuf=new StringBuffer ( )
  . append(" document.getElementByld ('spanProcessing') \\n " )
  . append (" . innerHTML=" )
分享:
 

了解更多资讯,请关注“木兰百花园”
分享:
 
精彩图文
关键字
支持中国杂志产业发展,请购买、订阅纸质杂志,欢迎杂志社提供过刊、样刊及电子版。
关于我们 | 网站声明 | 刊社管理 | 网站地图 | 联系方式 | 中图分类法 | RSS 2.0订阅 | EMS快递查询
全刊杂志赏析网 2016