首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery + struts2 + json示范

2012-10-16 
jquery + struts2 + json示例本文主要是演示一下怎么在 jquery + struts2 下使用json 来传数据,实现的效果

jquery + struts2 + json示例

本文主要是演示一下怎么在 jquery + struts2 下使用json 来传数据,实现的效果很简单,在页面输入 “用户编号”和“用户名称” 下面用一个层来显示。

首先是regist.jsp

<%@ page contentType="text/html; charset=UTF-8"%><%@taglib prefix="s" uri="/struts-tags" %> <%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>   <head>     <title>Regist.jsp</title>     <meta http-equiv="pragma" content="no-cache">     <meta http-equiv="cache-control" content="no-cache">     <meta http-equiv="expires" content="0">        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">     <meta http-equiv="description" content="This is my page">     <script type="text/javascript" src="<%=basePath %>script/jquery-1.3.2.js"></script>   <script language="javascript" type="text/javascript">   function showPersonInfo()   {       var authorid = $("#authorid").val();       var authorname=$("#authorname").val();      var url ="<%=request.getContextPath() %>/personAjaxAction.action";    $.post(url,{authorid:authorid,authorname:authorname},callback,"json");   }   function callback(data)   {       var rs = data.person      var html = "";       html+="<table><tr><td>用户编号:</td><td>"+rs.authorid+"</td></tr><tr><td>用户名称:</td>     <td>"+rs.authorname+"</td></tr>";     $("#showPersonInfo").html(html);   }   </script>   </head>   <body>     <form method="post">     用户编号:<input type="text" id="authorid" name="person.authorid"/><br>     用户名称:<input type="text" id="authorname" name="person.authorname"/><br>     <input type="button" value="ajax" name="ajaxsubmit" onclick="showPersonInfo();"/>     </form>     <div id="showPersonInfo"></div>   </body> </html>

?

web.xml的配置:

<?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app>     <display-name>Struts 2.0 Hello World</display-name>     <filter>         <filter-name>struts2</filter-name>                <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>     </filter>     <filter-mapping>         <filter-name>struts2</filter-name>         <url-pattern>/*</url-pattern>     </filter-mapping>     <welcome-file-list>         <welcome-file>index.jsp</welcome-file>     </welcome-file-list> </web-app>

?

struts.xml 的配置:

<!DOCTYPE struts PUBLIC         "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"         "http://struts.apache.org/dtds/struts-2.0.dtd">         <struts>     <constant name="struts.i18n.encoding" value="UTF-8"></constant>     <!--      <package name="tutorial" extends="struts-default">         <action name="personAction" extends="json-default" namespace="/">         <action name="personAjaxAction" method="showPersonInfo">             <result type="json"/>                        </action>     </package> </struts> 

?PersonAction 的源码:

package tutorial.entity;import javax.servlet.http.HttpServletRequest;import org.apache.struts2.interceptor.ServletRequestAware;import com.opensymphony.xwork2.ActionSupport;public class PersonAction extends ActionSupport implements ServletRequestAware {private static final long serialVersionUID = 4787323253923443929L;     private HttpServletRequest request;         private Person person;     public void setServletRequest(HttpServletRequest request) {         this.request = request;     }     public String showPersonInfo()     {         person = new Person();         person.setAuthorid(request.getParameter("authorid"));         person.setAuthorname(request.getParameter("authorname"));         return SUCCESS;     }         public Person getPerson() {         return person;     }     public void setPerson(Person person) {         this.person = person;     } }

?

所使用到的包:

?

commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
commons-logging-1.0.4.jar
commons-logging-1.1.jar
freemarker-2.3.16.jar
javassist-3.7.ga.jar
json-lib-2.1-jdk15.jar
log4j-1.2.11.jar
ognl-3.0.jar
struts2-core-2.2.1.1.jar
struts2-json-plugin-2.2.1.1.jar
xwork-core-2.2.1.1.jar

?

我使用的struts是2.2.1 版本 jdk是1.5的 tomcat是5.X 。其中的:

commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
freemarker-2.3.16.jar
javassist-3.7.ga.jar
ognl-3.0.jar
struts2-core-2.2.1.1.jar
xwork-core-2.2.1.1.jar

可以下一个struts包在 路径“struts-2.2.1.1\apps\struts2-blank\WEB-INF\lib”

下找到。

?

json-lib-2.1-jdk15.jar
struts2-json-plugin-2.2.1.1.jar

这两个包在struts-2.2.1.1\lib 下可以找到。

?

做这个例子真是麻烦,首先是tomcat5.X和jdk1.5 的包冲突,tomcat启动不了。后来能起来了,又报404错,网上查了半天发现是struts的版本和json的版本对不上。

?

虽然功能实现了但是有一点我还是不明白,PersonAction 的showPersonInfo 方法只返回一个“SUCCESS” ,而回调函数就能用data.person来访问 person ,是不是回调方法的data参数封装了PersonAction 的所有成员变量。哪为大侠弄明白了,说一下,谢谢!

热点排行