📄 struts 2与ajax(第一部分) - max on java - blogjava.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0058)http://www.blogjava.net/max/archive/2007/06/12/123682.html -->
<HTML><HEAD id=Head><TITLE>Struts 2与AJAX(第一部分) - Max On Java - BlogJava</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META id=metaKeywords content="Struts 2与AJAX(第一部分)" name=keywords><LINK
id=MainCss href="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/style.css"
type=text/css rel=stylesheet><LINK id=RSSLink title=RSS
href="http://www.blogjava.net/max/rss.aspx" type=application/rss+xml
rel=alternate>
<META content="MSHTML 6.00.2900.3132" name=GENERATOR></HEAD>
<BODY>
<FORM id=Form1 name=Form1 onsubmit="javascript:return WebForm_OnSubmit();"
action=123682.html method=post>
<DIV><INPUT id=__EVENTTARGET type=hidden name=__EVENTTARGET> <INPUT
id=__EVENTARGUMENT type=hidden name=__EVENTARGUMENT> <INPUT
id=" __VIEWSTATE" type=hidden name=__VIEWSTATE> </DIV>
<SCRIPT type=text/javascript>
<!--
var theForm = document.forms['Form1'];
if (!theForm) {
theForm = document.Form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</SCRIPT>
<SCRIPT src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/WebResource.axd"
type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript>
function ctlent(evt,id)
{
if(evt.ctrlKey && evt.keyCode == 13)
{
try
{
TempSave(id);
}
catch(ex)
{
}
finally
{
__doPostBack('AjaxHolder$PostComment$btnSubmit','')
}
}
}</SCRIPT>
<SCRIPT language=JavaScript>function SetReplyAuhor(author){document.getElementById('AjaxHolder_PostComment_tbComment').value+="@"+author+"\n";document.getElementById('AjaxHolder_PostComment_tbComment').focus();return false}</SCRIPT>
<SCRIPT
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/ScriptResource.axd"
type=text/javascript></SCRIPT>
<SCRIPT
src="D:\C_TOOLS\tools\勉強の工具\sql2000 sp4\struts-2.0.9-all\Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files\ScriptResource(1).axd"
type=text/javascript></SCRIPT>
<SCRIPT
src="D:\C_TOOLS\tools\勉強の工具\sql2000 sp4\struts-2.0.9-all\Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files\ScriptResource(2).axd"
type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
// -->
</SCRIPT>
<!--done-->
<DIV id=header><!--done-->
<DIV class=header>
<DIV class=headerText><A class=headermaintitle id=Header1_HeaderTitle
href="http://www.blogjava.net/max/">Max On Java</A><BR>The value of hands-on
experience as compared to book learning is smaller in software development than
in many other fields. </DIV></DIV></DIV>
<DIV id=mytopmenu>
<DIV id=mylinks><!--done--><A class=menu id=MyLinks1_HomeLink
href="http://www.blogjava.net/">BlogJava</A> <A class=menu
id=MyLinks1_MyHomeLink href="http://www.blogjava.net/max/">首页</A> <A
class=menu id=MyLinks1_NewPostLink
href="http://www.blogjava.net/max/admin/EditPosts.aspx?opt=1">新随笔</A> <A
class=menu id=MyLinks1_ContactLink
href="http://www.blogjava.net/max/contact.aspx?id=1">联系</A> <A
class=menu id=MyLinks1_Syndication
href="http://www.blogjava.net/max/rss">聚合</A><A id=MyLinks1_XMLLink
href="http://www.blogjava.net/max/rss"><IMG
style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px"
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/xml.gif"></A>
<A class=menu id=MyLinks1_Admin
href="http://www.blogjava.net/max/admin/EditPosts.aspx">管理</A> </DIV>
<DIV id=mystats><!--done-->随笔-18 评论-753 文章-0 trackbacks-0
</DIV></DIV>
<DIV id=centercontent><!--done-->
<DIV class=post>
<DIV class=postTitle><A class=postTitle2 id=viewpost1_TitleUrl
href="http://www.blogjava.net/max/archive/2007/06/12/123682.html">Struts
2与AJAX(第一部分)</A> </DIV>
<P>在当今——Web 2.0概念铺天盖地的Internet环境下,简易的AJAX集成对于一个成功的WEB框架来说是不可或缺的。因此,Struts
2其中的一个重要的功能(Feature)就是“<STRONG>First-class AJAX support</STRONG> - Add
interactivity and flexibility with AJAX tags that look and feel just like
standard Struts
tags(大意:<STRONG>一流的AJAX支持</STRONG>——通过AJAX标志增加互动性和灵活性,而且使用这些AJAX标志与普通的Struts标志同样简单)”。</P>
<H2>实现原理</H2>
<P>基于不重新发明轮子的原则,Struts 2并没有开发新的AJAX框架,而是使用时下Java EE平台中比较流行的AJAX框架——Dojo和DWR。</P>
<P>最近在Musachy Barroso等同志的无私奉献下,开发了Struts
2的JSON插件(Plugin),极大地方便了我们输出JSON结果(Result)。</P>
<H2>JSON插件(Plugin)</H2>
<P>在Struts
2的showcase中的AJAX部分,JSON的结果输出是通过Freemaker模板实现。这种方法在简易性和灵活性上都比不上JSON插件,所以JSON插件值得向大家五星推荐。</P>
<P>下面让我们看一个JSON插件的例子。</P>
<P>首先到以下网址<A
href="http://code.google.com/p/jsonplugin/downloads/list">http://code.google.com/p/jsonplugin/downloads/list</A>下载JSON插件的JAR包,并将其加入你的WebContent\WEB-INF\lib下。</P>
<P>接下是本例子的Action代码:</P>
<DIV
style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top><SPAN style="COLOR: #0000ff">package</SPAN><SPAN
style="COLOR: #000000"> tutorial;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top><BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top></SPAN><SPAN style="COLOR: #0000ff">import</SPAN><SPAN
style="COLOR: #000000"> java.util.ArrayList;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top></SPAN><SPAN style="COLOR: #0000ff">import</SPAN><SPAN
style="COLOR: #000000"> java.util.List;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top><BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top></SPAN><SPAN style="COLOR: #0000ff">import</SPAN><SPAN
style="COLOR: #000000"> com.googlecode.jsonplugin.annotations.JSON;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top></SPAN><SPAN style="COLOR: #0000ff">import</SPAN><SPAN
style="COLOR: #000000"> com.opensymphony.xwork2.ActionSupport;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/None.gif"
align=top><BR><IMG id=Codehighlighter1_221_1268_Open_Image
onclick="this.style.display='none'; Codehighlighter1_221_1268_Open_Text.style.display='none'; Codehighlighter1_221_1268_Closed_Image.style.display='inline'; Codehighlighter1_221_1268_Closed_Text.style.display='inline';"
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/ExpandedBlockStart.gif"
align=top><IMG id=Codehighlighter1_221_1268_Closed_Image style="DISPLAY: none"
onclick="this.style.display='none'; Codehighlighter1_221_1268_Closed_Text.style.display='none'; Codehighlighter1_221_1268_Open_Image.style.display='inline'; Codehighlighter1_221_1268_Open_Text.style.display='inline';"
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/ContractedBlock.gif"
align=top></SPAN><SPAN style="COLOR: #0000ff">public</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">class</SPAN><SPAN
style="COLOR: #000000"> JsonPluginAction </SPAN><SPAN
style="COLOR: #0000ff">extends</SPAN><SPAN style="COLOR: #000000"> ActionSupport
</SPAN><SPAN id=Codehighlighter1_221_1268_Closed_Text
style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff"><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/dot.gif"></SPAN><SPAN
id=Codehighlighter1_221_1268_Open_Text><SPAN style="COLOR: #000000">{<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/InBlock.gif" align=top>
</SPAN><SPAN style="COLOR: #0000ff">private</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">static</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">final</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">long</SPAN><SPAN
style="COLOR: #000000"> serialVersionUID </SPAN><SPAN
style="COLOR: #000000">=</SPAN><SPAN style="COLOR: #000000"> </SPAN><SPAN
style="COLOR: #000000">-</SPAN><SPAN
style="COLOR: #000000">6784977600668791997L</SPAN><SPAN
style="COLOR: #000000">;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/InBlock.gif" align=top>
<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/InBlock.gif" align=top>
</SPAN><SPAN style="COLOR: #0000ff">private</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">int</SPAN><SPAN
style="COLOR: #000000"> bookId;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/InBlock.gif" align=top>
</SPAN><SPAN style="COLOR: #0000ff">private</SPAN><SPAN
style="COLOR: #000000"> String title;<BR><IMG
src="Struts 2与AJAX(第一部分) - Max On Java - BlogJava.files/InBlock.gif" align=top>
</SPAN><SPAN style="COLOR: #0000ff">private</SPAN><SPAN
style="COLOR: #000000"> </SPAN><SPAN style="COLOR: #0000ff">double</SPAN><SPAN
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -