- 浏览: 159291 次
- 性别:
- 来自: 大连
最新评论
-
撒旦的堕落:
引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引 ...
★Struts2中的Ajax实现 <s:a> Ⅱ -
撒旦的堕落:
引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引 ...
★Struts2中的Ajax实现 <s:a> Ⅱ -
crazyj2ee:
[img][/img]
flex 3 从页面url中取参数取值的完美解决方案 -
suixinsuoyu12519:
你好,请问 “Update的系统内部执行情况可以参照附文:对u ...
Update优化小结 -
04023129:
试下 把wc.preSharedKey = "pa ...
设置 Android wifi连接 samples【转】
实用JSON在Struts2中实现AJax这篇文章是抄袭Max大哥的。呵呵
在当今——Web 2.0概念铺天盖地的Internet环境下,简易的AJAX集成对于一个成功的WEB框架来说是不可或缺的。因此,Struts 2其中的一个重要的功能(Feature)就是“First-class AJAX support - Add interactivity and flexibility with AJAX tags that look and feel just like standard Struts tags(大意:一流的AJAX支持 ——通过AJAX标志增加互动性和灵活性,而且使用这些AJAX标志与普通的Struts标志同样简单)”。
实现原理
基于不重新发明轮子的原则,Struts 2并没有开发新的AJAX框架,而是使用时下Java EE平台中比较流行的AJAX框架——Dojo和DWR。
最近在Musachy Barroso等同志的无私奉献下,开发了Struts 2的JSON插件(Plugin),极大地方便了我们输出JSON结果(Result)。
JSON插件(Plugin)
在Struts 2的showcase中的AJAX部分,JSON的结果输出是通过Freemaker模板实现。这种方法在简易性和灵活性上都比不上JSON插件,所以JSON插件值得向大家五星推荐。
下面让我们看一个JSON插件的例子。
首先到以下网址http://code.google.com/p/jsonplugin/downloads/list 下载JSON插件的JAR包,并将其加入你的WebContent\WEB-INF\lib下。
接下是本例子的Action代码:
import java.util.ArrayList;
import java.util.List;
import com.googlecode.jsonplugin.annotations.JSON;
import com.opensymphony.xwork2.ActionSupport;
public class JsonPluginAction extends ActionSupport {
private static final long serialVersionUID = - 6784977600668791997L ;
private int bookId;
private String title;
private double price;
private List < String > comments;
private transient String secret1;
private String secret2;
@JSON(name = " ISBN " )
public int getBookId() {
return bookId;
}
public void setBookId( int bookId) {
this .bookId = bookId;
}
public List < String > getComments() {
return comments;
}
public void setComments(List < String > comments) {
this .comments = comments;
}
public double getPrice() {
return price;
}
public void setPrice( double price) {
this .price = price;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this .title = title;
}
@Override
public String execute() {
bookId = 15645912 ;
title = " Max On Java " ;
price = 0.9999d ;
comments = new ArrayList < String > ( 3 );
comments.add( " It's no bad! " );
comments.add( " WOW! " );
comments.add( " No comment! " );
secret1 = " You can't see me! " ;
secret2 = " I am invisible! " ;
return SUCCESS;
}
}
清单1 src/tutorial/JsonPluginAction.java
以上代码值得注意的是,通过@JSON的JAVA注释(Annotation),我们可以改变JSON结果的属性名称,另外带有transient修饰符与没有Getter方法的字段(field)都不会被串行化为JSON。
然后,我们来配置一下此Action,代码如下:
<! DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd" >
< struts >
< package name ="Struts2_AJAX_DEMO" extends ="json-default" >
< action name ="JsonPlugin" class ="tutorial.JsonPluginAction" >
< result type ="json" />
</ action >
</ package >
</ struts >
清单2 src/struts.xml
上面配置文件的“package”元素和以往不同的是,它扩展了“json-default”而不是“struts-default”。“json-default”是在jsonplugin-0.11.jar包里的struts-plugin.xml中定义的。该文件同时定义了“json”的结果类型,有兴趣的朋友可以打开此文件看看。
发布运行应用程序,在浏览器中键入:http://localhost:8080/Struts2_Ajax/JsonPlugin.action ,出现下载文件对话框,原因是JSON插件将HTTP响应(Response)的MIME类型设为“application/json”。把文件下载下来,用记事本打开,内容如下:
清单3 例子1输出的JSON串
当然这还不是一个完整的AJAX的例子,下面让我们写一个HTML文件将其完成,HTML代码如下:
pageEncoding = " utf-8 " %>
<% @ taglib prefix = " s " uri = " /struts-tags " %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > JSON Plugin </ title >
< s:head theme ="ajax" />
< script type ="text/javascript" >
dojo.addOnLoad( function () {
dojo.event.topic.subscribe('retrieveBook', this , function (data, type, e){
if (type == 'load') {
showBook(data);
} else if (type == 'error') {
alert('Can not retrieve the book');
}
});
});
function showBook(strBook) {
var oBook = eval('(' + strBook + ')');
var bookHolder = document.getElementById('bookHolder');
var sBook = ' < p >< b > ISBN: </ b > ' + oBook.ISBN + ' </ p > ';
sBook += (' < p >< b > Title: </ b > ' + oBook.title + ' </ p > ');
sBook += (' < p >< b > Price: </ b > $' + oBook.price + ' </ p > ');
sBook += (' < b >< i > Comments: </ i ></ b >< hr /> ');
for (i = 0 ; i < oBook.comments.length; i ++ ) {
sBook += (' < p >< b > #' + (i + 1 ) + ' </ b > ' + oBook.comments[i] + ' </ p > ');
}
bookHolder.innerHTML = sBook;
}
</ script >
</ head >
< body >
< s:url id ="bookUrl" value ="/JsonPlugin.action" />
< s:submit href ="%{bookUrl}" theme ="ajax" indicator ="indicator"
value ="Retrieve Book" align ="left" notifyTopics ="retrieveBook" />
< s:a theme ="ajax" href ="%{bookUrl}" indicator ="indicator"
notifyTopics ="retrieveBook" > Retrieve Book </ s:a >
< img id ="indicator"
src ="${pageContext.request.contextPath}/images/indicator.gif"
alt ="Loading " style ="display:none" />
< div id ="bookHolder" ></ div >
</ body >
</ html >
清单5 WebContent/LinkButton.jsp
可能上述代码还不够简洁,因为我将HTML格式化的工作都放在Javascript中完成。但如果你的XHR返回的是HTML片段,你可以简单地将<s:a
/>或<s:submit />的“targets”属性设为“bookHolder”即可,详情大家可以参考Struts 2
Showcase。至于返回HTML片段,可以通过Action + Freemaker完成。
对于这个var
oBook
=
eval('('
+
strBook
+
')');
这个方法有点不大理解的地方。他好像是将返回的都有数据都看作一个类来对待。自动创建一个对象。
当我们返回的结果是对象的时候,会出现一个小问题。
例如:我们返回上一篇文章(http://04023129.iteye.com/admin/blogs/269823)中的Article对象的话,
返回的结果是{"article":{"content":"新聞内容4","title":"新聞標題4"}}
得到返回的data
var returnValue= eval('(' + data + ')');
alert(returnValue.article.title);
使用 eval('(' + data + ')');的时候dojo他将返回的数据创建成只有一个属性(article)的returnValue类
如果你想得到返回的新闻标题的时候就必须再调用属性article中的title属性。
不知道有没有什么好的解决方法,能直接得到article类
评论
引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用[u][u][u][b][b][b][b][b][b][i][i][i][i][i][i][i][i][i][b][/b][/u][/qu]
发表评论
-
如何在Mac OS中安装 wget
2012-07-09 22:50 28485刚入手Macbook pro。说实话日本的比国内的真的便宜好的 ... -
Android开发片段 WebView
2012-02-06 14:55 1147/** Called when the activity i ... -
Office文档在线查看解决方案
2012-02-03 12:57 4668本文使用的是office软件自带的Save as 功能 自动存 ... -
事务添加的位置问题 工作总结
2010-07-13 10:44 854今天在公司的开发的框架上做了一个应用,才意识到一个问题,原来这 ... -
一个简单的JavaScript 框架
2009-08-25 15:38 1018这几天做新项目,做了一个简单的JS验证框架,分享一下,欢迎大家 ... -
如何在android中使用你自己的数据文件
2009-08-19 09:45 5629Most all of the Android example ... -
解决EXT 与prototype 框架冲突问题
2009-08-10 11:59 1285很简单,只需要将prototype框架放在最前面就可以了 -
POI设置rightHead的Page和Date的fangfa
2009-05-19 14:36 976&6Page:&P Date:&D -
Oracle表段中的高水位线HWM
2009-05-03 09:53 1380在Oracle数据的存储中,可以把存储空间想象为一个水库, ... -
Django 小例子
2009-04-18 21:35 2253最近想学习python,尤其是Django,本来照着Step ... -
ORACLE 表和数据完全COPY
2009-04-17 15:52 959create table new_tab as ... -
Oracle pl/sql 中实现 continue
2009-02-01 16:30 3505CREATE TABLE AREAS ( RADIUS ... -
flex 3 从页面url中取参数取值的完美解决方案
2008-12-31 22:14 2262flex 3 从页面url中取参数取值的完美解决方案 1:当 ... -
ORACLE 游标的4种应用方法
2008-12-29 17:51 1200--1.普通cursor set serveroutput o ... -
oracle-merge用法详解
2008-12-11 09:04 3117Oracle9i引入了MERGE命令,你能够在一个SQL语句中 ... -
分组取最大
2008-12-10 17:09 1789--按某一字段分组取最大(小)值所在行的数据(2007-10- ... -
SQL语句学习 CASE WHEN THEN ELSE END
2008-12-10 17:06 1903比较2列的值选择最大的一列输出: table a ( ... -
★SqlServer 中 link serve的使用
2008-11-26 09:19 3540问题描述: 日 ... -
★Struts2中的Ajax实现 <s:a>
2008-11-19 09:25 2924项目作完了,现在没什么事情做,继续研究一下Struts2框架. ... -
★给和我一样的新手推荐一个Struts2学习的网站
2008-11-19 09:19 1100给和我一样的新手推荐一个Struts2学习的网站ht ...
相关推荐
起点小说解锁.js
299-煤炭大数据智能分析解决方案.pptx
299-教育行业信息化与数据平台建设分享.pptx
网络技术和计算机技术发展至今,已经拥有了深厚的理论基础,并在现实中进行了充分运用,尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代,所以对于信息的宣传和管理就很关键。系统化是必要的,设计网上系统不仅会节约人力和管理成本,还会安全保存庞大的数据量,对于信息的维护和检索也不需要花费很多时间,非常的便利。 网上系统是在MySQL中建立数据表保存信息,运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时,也能及时通过数据输入的有效性规则检测出错误数据,让数据的录入达到准确性的目的,进而提升数据的可靠性,让系统数据的错误率降至最低。 关键词:vue;MySQL;SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
时间复杂度是计算机科学中用来评估算法效率的一个重要指标。它表示了算法执行时间随输入数据规模增长而变化的趋势。当我们比较不同算法的时间复杂度时,实际上是在比较它们在不同输入规模下的执行效率。 时间复杂度通常用大O符号来表示,它描述了算法执行时间上限的增长率。例如,O(n)表示算法执行时间与输入数据规模n呈线性关系,而O(n^2)则表示算法执行时间与n的平方成正比。当n增大时,O(n^2)算法的执行时间会比O(n)算法增长得更快。 在比较时间复杂度时,我们主要关注复杂度的增长趋势,而不是具体的执行时间。这是因为不同计算机硬件、操作系统和编译器等因素都会影响算法的实际执行时间,而时间复杂度则提供了一个与具体实现无关的评估标准。 一般来说,时间复杂度越低,算法的执行效率就越高。因此,在设计和选择算法时,我们通常希望找到时间复杂度尽可能低的方案。例如,在排序算法中,冒泡排序的时间复杂度为O(n^2),而快速排序的时间复杂度在平均情况下为O(nlogn),因此在处理大规模数据时,快速排序通常比冒泡排序更高效。 总之,时间复杂度是评估算法效率的重要工具,它帮助我们了解算法在不同输入规模下的性
5G通信行业、网络优化、通信工程建设资料
网络技术和计算机技术发展至今,已经拥有了深厚的理论基础,并在现实中进行了充分运用,尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代,所以对于信息的宣传和管理就很关键。系统化是必要的,设计网上系统不仅会节约人力和管理成本,还会安全保存庞大的数据量,对于信息的维护和检索也不需要花费很多时间,非常的便利。 网上系统是在MySQL中建立数据表保存信息,运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时,也能及时通过数据输入的有效性规则检测出错误数据,让数据的录入达到准确性的目的,进而提升数据的可靠性,让系统数据的错误率降至最低。 关键词:vue;MySQL;SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
5G通信行业、网络优化、通信工程建设资料
《基于小程序的交友系统的设计与实现》是一个融合了小程序技术和社交功能的毕业设计项目。该项目旨在通过开发一款小程序,为用户提供一个便捷、有趣的交友平台,满足用户寻找新朋友、拓展社交圈的需求。 一、项目背景与目标 随着移动互联网的普及,小程序以其轻便、易用的特性受到了广大用户的喜爱。本项目旨在利用小程序技术开发一款交友系统,通过简洁明了的界面设计和丰富多样的社交功能,吸引用户参与并提升用户体验。通过实现这一系统,旨在帮助用户拓展社交圈,增进人际关系,并推动社交领域的创新与发展。 二、系统设计与功能实现 用户注册与登录:系统提供用户注册与登录功能,确保用户信息的真实性和安全性。用户可以通过手机号或第三方社交账号进行注册和登录。 个人资料展示:用户可以在个人资料页面展示自己的基本信息、兴趣爱好、照片等,以便其他用户了解并产生互动。 附近的人:系统通过定位功能展示附近的其他用户,用户可以浏览附近的人的信息,并主动发起聊天或交友请求。 聊天功能:系统提供一对一的聊天功能,用户可以与感兴趣的人进行实时交流,增进彼此的了解。 活动组织:用户可以发起或参与各类线下活动,如聚会、运动、旅行
5G通信行业、网络优化、通信工程建设资料
shampoo-sales.csv
59-《煤矿测量规程(1989版)》150.pdf
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
5G通信行业、网络优化、通信工程建设资料。
AXIS T864 系列多通道 AXIS T8646 PoE+ 同轴电缆刀片套件 AXIS T8648 PoE+ 同轴电缆刀片紧凑型套件安装指南
MATLAB学习个人笔记总结.7z
【资源说明】【毕业设计】 1、该资源内项目代码都是经过测试运行成功,功能正常的情况下才上传的,请放心下载使用。 2、适用人群:主要针对计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、数学、电子信息等)的同学或企业员工下载使用,具有较高的学习借鉴价值。 3、不仅适合小白学习实战练习,也可作为大作业、课程设计、毕设项目、初期项目立项演示等,欢迎下载,互相学习,共同进步!
5G通信、网络优化与通信建设