- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
《Struts2_+_JQuery_+_JSON实现AJAX》.doc
Struts2 + JQuery + JSON实现AJAX网上关于这方面的资料也不少,但多半是struts1的,在Struts2中使用JSON可以更容易实现数据的异步传输。
????? 先做好准备工作:
????? 1.Struts2相关lib, 注意将struts2 lib下面的以json开头的包也加入到工程。
????? 2.JSON Plugin,它可以将Struts2 Action中的结果直接返回为JSON。下载地址:/files/jsonplugin-0.34.jar?(支持struts2.1.6及以上版本)。
????? 3.JQuery,JS的一个lib. 下载地址:?(最新版本为1.3.2)。
?
????? 准备工作都做好之后,我们可以开始了。建一个WEB工程,把相关的包加入到工程。我们需要做的就是三件事:
????? 一、准备一个JSP页面用于提交ajax请求,这里我使用了JQuery的$.getJSON(url,params,function callback(data))函数提交ajax请求到指定url,并且携带参数params,最后用一个回调函数callback处理请求返回结果data;
????? 二、一个处理请求的Action类,并在struts.xml文件中做相应配置:写一个action类处理ajax请求数据,并将返回结果封装成一个JSONObject对象返回给请求页面。同时在struts.xml中配置对应action,指明其返回类型为json并使其package的extends为json-default,并将要返回请求页面的数据放在名为root的param中,如param name=rootresult/param。
????? 三、接受请求返回结果:使用JS的eval方法将返回结果data转换成JSON对象,并处理返回结果。
????
? ? 具体参见以下代码:
??? // login.jsp 使用getJSON方法提交ajax请求,并处理请求返回结果。注意请求的url为login.html这是因为我将struts2.preperties中的struts.action.extension改成了htm,默认为action。l
Html代码
%@?page?language=java?contentType=text/html;?charset=UTF-8??
????pageEncoding=UTF-8%??
%@?taglib?uri=/struts-tags?prefix=s%??
!DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN?/TR/html4/loose.dtd??
html??
head??
meta?http-equiv=Content-Type?content=text/html;?charset=UTF-8??
titles:text?name=page.title.login?//title??
script?type=text/javascript?src=jquery-1.3.2.js/script??
script?type=text/javascript?language=javascript??
$(document).ready(function(){ ??
????$(#login).click(function(){ ??
????????login(); ??
????????}); ??
}); ??
??
function?login(){ ??
????var?url?=?login.html; ??
????var?params?=?{user.logName:$(#name).attr(value),user.password:$(#password).attr(value)}; ??
???? ??
????$.getJSON(url,params,function?callback(data){ ??
????????//?convert?to?json?object ??
????????var?user?=?eval((+data+));// ??
???????? ??
???????? ??
????????$(#result).each(function(){ ??
????????????$(this).html(welcome?,?+?); ??
????????????}); ??
????????}); ??
????} ??
/script??
/head??
body??
s:actionmessage/??
form??method=post?
您可能关注的文档
- 《Nimonic alloy 91》.pdf
- 《Nimonic alloy PE16》.pdf
- 《Nimonic alloy PK33》.pdf
- 《Noise and sensitivity of aluminum kinetic inductance detectors for sub-mm astronomy》.pdf
- 《Nokia Web Objectives Overview PPT模板》.ppt
- 《NOVEL MONOCLONAL ANTIBODY SPECIFIC FOR THE DE2-7 EPIDERMAL》.pdf
- 《N分钟学会MATLAB(N大于60&N小于180)-Beta版本(《量化投资:以MATLAB为工具》-基础篇)》.pdf
- 《Observation of bainite surface reliefs in Fe–C alloy by atomic force microscopy》.pdf
- 《OCG11 2016 Lecture 9 ALM & Liquidity》.pdf
- 《operaion mannual of the aluminum dross processing machine》.pdf
文档评论(0)