易截截图软件、单文件、免安装、纯绿色、仅160KB

小编浅谈Struts2的Ajax支持

Struts2是java在web开发中常用的框架之一,今天小编整理了一下资料,谈谈Struts2的Ajax支持。Struts2的Ajax支持是建立在Dojo和DWR基础之上的,这两个框架都提供了非常成熟的Ajax支持,包括非常优秀的页面控件和简单的DOM操作。其中Dojo提供了丰富的组件库和页面效果,而且提供了大量的函数来简化Ajax过程。DWR(Direct Web Remoting)则是Java领域一个著名的服务器端Ajax框架,借助于DWR的帮助,开发者可以直接在客户端页面通过JavaScript调用远程Java方法。简单的说就是DWR负责实现在JavaScript中调用远程Java方法,而Dojo则负责实现页面效果的显示。
 
Struts2的Ajax支持包括采用Ajax方式的输入校验,Ajax方式的输入校验可以在用户输入的同时完成校验,而且这种校验无需用户进行任何提交动作。只要用户输入完成,如果输入不满足输入要求,系统将自动显示校验提示。除此之外,Struts2的Ajax还允许以简单方式来异步提交表单请求,并提供了pub-sub的事件模型,并且提供了系列的Ajax标签来简化Ajax开发。
 
Ajax (Asynchronous Java/script And XML),即异步的JavaScript和XML技术,Ajax技术的关键在于异步发送请求。还有动态加载服务器响应的数据,使用Ajax技术的应用能避免频繁刷新页面,服务器响应的是数据,而不是整个页面内容。Ajax技术负责获取服务器数据,然后将服务器数据动态加载到浏览器中。
 
Ajax技术的核心是XMLHttpRequest对象,该对象在IE5中首次引入。整个Ajax应用的工作过程如下:
 
1,JavaScript脚本使用XMLHttpRequest对象向服务器发送请求。可以发送GET,POST请求。
 
2,JavaScript脚本使用XMLHttpRequest对象,解析服务器响应数据。
 
3,JavaScript脚本通过DOM,动态更新HTML页面,也可以为服务器响应数据增加CSS样式表,在当前页面的某个部分加以显示。
 
DOM (Document Object Model)是操作HTML和XML文件的一组API,它提供了文件的结构表述。通过使用DOM,可以采用编程方式操作文档结构,可以改变文档的内容。通过使用DOM,还可以增加文件的节点,属性及事件,从而提供对HTML页面的动态更新。
 
除此之外,Ajax技术可以使用XML文件,普通文本文件,JSON(JavaScript Object Notaion)作为数据交换的格式。
Struts2的Ajax支持是建立在Ajax主题基础上的,Ajax主题扩展了xhtml主题,增加了Ajax功能。
 


相关文档:

注册用户名验证(ajax版)

<!--注册验证用户名是否存在(不刷新)(2008-07-10 11:22:08)标签:document if color ch rs 注册 ajax 验证 用户名 it   分类:网络编程应用
针对ASP的 用的是AJAX写的
分两部分
 
-->
1.注册页面
JS部分:
<script language="JavaScript">
function chuser(){
  var csuser=docume ......

AJAX 库

 BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 载入程序的
google.l ......

ajax开发框架介绍

 能实现拖放功能的js脚本dom-drag.js  www.yongpup.net
基于浏览器的开发框架(Application Frameworks)
1.Bindows www.bindows.net
2.BackBase www.backbase.com
3.DOJO  dojotoolkit.org/
4.Open Rico openrico.org/rico/home.page
5.qooxdoo qooxdoo.oss.schlund.de/
6. ......

AJAX框架

HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/j ......

一个简单的ajax请求例子

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript&quo ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号