struts2 json jquery 异步

十一郎的IT

2011-02-16

关注关注

2010-06-03

Struts2+jQuery+JSON实现异步交互

文章分类:Java编程

Struts2+JQuery+JSON实现异步交互，包括从后台获得单个值、对象、List和Map数据并从前台的表达中获取值把值进行序列化通过JQuery的$.ajax({})传到后台和后台的对象进行绑定。

第一步：在MyEclipse中创建JavaWeb工厂并把Struts2和json的jar包添加到工程中添加完成后的工程图是：

第二步：创建后台：

1.UserInfo实体类：

Userinfo实体类代码

1.packagestruts2jsonjquery.test.entity;

3.importjava.io.Serializable;

4./**

5.*<p>

6.*用户实体类

7.*</p>

8.*@author朱延伟

9.*

10.*/

11.publicclassUserInfoimplementsSerializable{

12.

13.privatestaticfinallongserialVersionUID=3952189513312630860L;

14.

15.privateintuserId;

16.privateStringuserName;

17.privateStringpassword;

18.publicintgetUserId(){

19.returnuserId;

20.}

21.publicvoidsetUserId(intuserId){

22.this.userId=userId;

23.}

24.publicStringgetUserName(){

25.returnuserName;

26.}

27.publicvoidsetUserName(StringuserName){

28.this.userName=userName;

29.}

30.publicStringgetPassword(){

31.returnpassword;

32.}

33.publicvoidsetPassword(Stringpassword){

34.this.password=password;

35.}

36.}

Userinfo实体类代码

1.packagestruts2jsonjquery.test.entity;

3.importjava.io.Serializable;

4./**

5.*<p>

6.*用户实体类

7.*</p>

8.*@author朱延伟

9.*

10.*/

11.publicclassUserInfoimplementsSerializable{

12.

13.privatestaticfinallongserialVersionUID=3952189513312630860L;

14.

15.privateintuserId;

16.privateStringuserName;

17.privateStringpassword;

18.publicintgetUserId(){

19.returnuserId;

20.}

21.publicvoidsetUserId(intuserId){

22.this.userId=userId;

23.}

24.publicStringgetUserName(){

25.returnuserName;

26.}

27.publicvoidsetUserName(StringuserName){

28.this.userName=userName;

29.}

30.publicStringgetPassword(){

31.returnpassword;

32.}

33.publicvoidsetPassword(Stringpassword){

34.this.password=password;

35.}

36.}

packagestruts2jsonjquery.test.entity;

importjava.io.Serializable;

/**

*<p>

*用户实体类

*</p>

*@author朱延伟

publicclassUserInfoimplementsSerializable{

privatestaticfinallongserialVersionUID=3952189513312630860L;

privateintuserId;

privateStringuserName;

privateStringpassword;

publicintgetUserId(){

returnuserId;

}

publicvoidsetUserId(intuserId){

this.userId=userId;

}

publicStringgetUserName(){

returnuserName;

}

publicvoidsetUserName(StringuserName){

this.userName=userName;

}

publicStringgetPassword(){

returnpassword;

}

publicvoidsetPassword(Stringpassword){

this.password=password;

}

2.Action类

Action类代码

1.packagestruts2jsonjquery.test.action;

3.importjava.util.ArrayList;

4.importjava.util.HashMap;

5.importjava.util.List;

6.importjava.util.Map;

8.importstruts2jsonjquery.test.entity.UserInfo;

10.importcom.opensymphony.xwork2.ActionSupport;

11.

12.publicclassJsonJqueryStruts2ActionextendsActionSupport{

13.

14.privatestaticfinallongserialVersionUID=3518833679938898354L;

15.

16.privateStringmessage;//使用json返回单个值

17.privateUserInfouserInfo;//使用json返回对象

18.privateList<UserInfo>userInfosList;//使用josn返回List对象

19.privateMap<String,UserInfo>userInfosMap;//使用json返回Map对象

20.//为上面的的属性提供get，Set方法

21.publicStringgetMessage(){

22.returnmessage;

23.}

24.publicvoidsetMessage(Stringmessage){

25.this.message=message;

26.}

27.publicUserInfogetUserInfo(){

28.returnuserInfo;

29.}

30.publicvoidsetUserInfo(UserInfouserInfo){

31.this.userInfo=userInfo;

32.}

33.publicList<UserInfo>getUserInfosList(){

34.returnuserInfosList;

35.}

36.publicvoidsetUserInfosList(List<UserInfo>userInfosList){

37.this.userInfosList=userInfosList;

38.}

39.publicMap<String,UserInfo>getUserInfosMap(){

40.returnuserInfosMap;

41.}

42.publicvoidsetUserInfosMap(Map<String,UserInfo>userInfosMap){

43.this.userInfosMap=userInfosMap;

44.}

45./**

46.*<p>

47.*返回单个值

48.*<p>

49.*@return

50.*/

51.publicStringreturnMessage(){

52.this.message="成功返回单个值";

53.return"message";

54.}

55./**

56.*<p>

57.*返回UserInfo对象

58.*</p>

59.*@return

60.*/

61.publicStringreturnUserInfo(){

62.userInfo=newUserInfo();

63.userInfo.setUserId(10000);

64.userInfo.setUserName("张三");

65.userInfo.setPassword("000000");

66.return"userInfo";

67.}

68./**

69.*<p>

70.*返回List对象

71.*</p>

72.*@return

73.*/

74.publicStringreturnList(){

75.userInfosList=newArrayList<UserInfo>();

76.UserInfou1=newUserInfo();

77.u1.setUserId(10000);

78.u1.setUserName("张三");

79.u1.setPassword("000000");

80.UserInfou2=newUserInfo();

81.u2.setUserId(10001);

82.u2.setUserName("李四");

83.u2.setPassword("111111");

84.UserInfou3=newUserInfo();

85.u3.setUserId(10002);

86.u3.setUserName("王五");

87.u3.setPassword("222222");

88.UserInfou4=newUserInfo();

89.u4.setUserId(10003);

90.u4.setUserName("赵六");

91.u4.setPassword("333333");

92.userInfosList.add(u1);

93.userInfosList.add(u2);

94.userInfosList.add(u3);

95.userInfosList.add(u4);

96.return"list";

97.}

98./**

99.*<p>

100.*返回Map对象

101.*</p>

102.*@return

103.*/

104.publicStringreturnMap(){

105.userInfosMap=newHashMap<String,UserInfo>();

106.UserInfou1=newUserInfo();

107.u1.setUserId(10000);

108.u1.setUserName("张三");

109.u1.setPassword("000000");

110.UserInfou2=newUserInfo();

111.u2.setUserId(10001);

112.u2.setUserName("李四");

113.u2.setPassword("111111");

114.UserInfou3=newUserInfo();

115.u3.setUserId(10002);

116.u3.setUserName("王五");

117.u3.setPassword("222222");

118.UserInfou4=newUserInfo();

119.u4.setUserId(10003);

120.u4.setUserName("赵六");

121.u4.setPassword("333333");

122.userInfosMap.put(u1.getUserId()+"",u1);

123.userInfosMap.put(u2.getUserId()+"",u2);

124.userInfosMap.put(u3.getUserId()+"",u3);

125.userInfosMap.put(u4.getUserId()+"",u4);

126.return"map";

127.}

128./**

129.*<p>

130.*获得对象，也就是通过表达获得对象(异步的)

131.*</P>

132.*@return

133.*/

134.publicStringgainUserInfo(){

135.System.out.println("用户ID："+userInfo.getUserId());

136.System.out.println("用户名："+userInfo.getUserName());

137.System.out.println("密码："+userInfo.getPassword());

138.return"userInfo";

139.}

140./**

141.*获得单个值就不用写了和平常一样

142.*/

143.}

Action类代码

1.packagestruts2jsonjquery.test.action;

3.importjava.util.ArrayList;

4.importjava.util.HashMap;

5.importjava.util.List;

6.importjava.util.Map;

8.importstruts2jsonjquery.test.entity.UserInfo;

10.importcom.opensymphony.xwork2.ActionSupport;

11.

12.publicclassJsonJqueryStruts2ActionextendsActionSupport{

13.

14.privatestaticfinallongserialVersionUID=3518833679938898354L;

15.

16.privateStringmessage;//使用json返回单个值

17.privateUserInfouserInfo;//使用json返回对象

18.privateList<UserInfo>userInfosList;//使用josn返回List对象

19.privateMap<String,UserInfo>userInfosMap;//使用json返回Map对象

20.//为上面的的属性提供get，Set方法

21.publicStringgetMessage(){

22.returnmessage;

23.}

24.publicvoidsetMessage(Stringmessage){

25.this.message=message;

26.}

27.publicUserInfogetUserInfo(){

28.returnuserInfo;

29.}

30.publicvoidsetUserInfo(UserInfouserInfo){

31.this.userInfo=userInfo;

32.}

33.publicList<UserInfo>getUserInfosList(){

34.returnuserInfosList;

35.}

36.publicvoidsetUserInfosList(List<UserInfo>userInfosList){

37.this.userInfosList=userInfosList;

38.}

39.publicMap<String,UserInfo>getUserInfosMap(){

40.returnuserInfosMap;

41.}

42.publicvoidsetUserInfosMap(Map<String,UserInfo>userInfosMap){

43.this.userInfosMap=userInfosMap;

44.}

45./**

46.*<p>

47.*返回单个值

48.*<p>

49.*@return

50.*/

51.publicStringreturnMessage(){

52.this.message="成功返回单个值";

53.return"message";

54.}

55./**

56.*<p>

57.*返回UserInfo对象

58.*</p>

59.*@return

60.*/

61.publicStringreturnUserInfo(){

62.userInfo=newUserInfo();

63.userInfo.setUserId(10000);

64.userInfo.setUserName("张三");

65.userInfo.setPassword("000000");

66.return"userInfo";

67.}

68./**

69.*<p>

70.*返回List对象

71.*</p>

72.*@return

73.*/

74.publicStringreturnList(){

75.userInfosList=newArrayList<UserInfo>();

76.UserInfou1=newUserInfo();

77.u1.setUserId(10000);

78.u1.setUserName("张三");

79.u1.setPassword("000000");

80.UserInfou2=newUserInfo();

81.u2.setUserId(10001);

82.u2.setUserName("李四");

83.u2.setPassword("111111");

84.UserInfou3=newUserInfo();

85.u3.setUserId(10002);

86.u3.setUserName("王五");

87.u3.setPassword("222222");

88.UserInfou4=newUserInfo();

89.u4.setUserId(10003);

90.u4.setUserName("赵六");

91.u4.setPassword("333333");

92.userInfosList.add(u1);

93.userInfosList.add(u2);

94.userInfosList.add(u3);

95.userInfosList.add(u4);

96.return"list";

97.}

98./**

99.*<p>

100.*返回Map对象

101.*</p>

102.*@return

103.*/

104.publicStringreturnMap(){

105.userInfosMap=newHashMap<String,UserInfo>();

106.UserInfou1=newUserInfo();

107.u1.setUserId(10000);

108.u1.setUserName("张三");

109.u1.setPassword("000000");

110.UserInfou2=newUserInfo();

111.u2.setUserId(10001);

112.u2.setUserName("李四");

113.u2.setPassword("111111");

114.UserInfou3=newUserInfo();

115.u3.setUserId(10002);

116.u3.setUserName("王五");

117.u3.setPassword("222222");

118.UserInfou4=newUserInfo();

119.u4.setUserId(10003);

120.u4.setUserName("赵六");

121.u4.setPassword("333333");

122.userInfosMap.put(u1.getUserId()+"",u1);

123.userInfosMap.put(u2.getUserId()+"",u2);

124.userInfosMap.put(u3.getUserId()+"",u3);

125.userInfosMap.put(u4.getUserId()+"",u4);

126.return"map";

127.}

128./**

129.*<p>

130.*获得对象，也就是通过表达获得对象(异步的)

131.*</P>

132.*@return

133.*/

134.publicStringgainUserInfo(){

135.System.out.println("用户ID："+userInfo.getUserId());

136.System.out.println("用户名："+userInfo.getUserName());

137.System.out.println("密码："+userInfo.getPassword());

138.return"userInfo";

139.}

140./**

141.*获得单个值就不用写了和平常一样

142.*/

143.}

packagestruts2jsonjquery.test.action;

importjava.util.ArrayList;

importjava.util.HashMap;

importjava.util.List;

importjava.util.Map;

importstruts2jsonjquery.test.entity.UserInfo;

importcom.opensymphony.xwork2.ActionSupport;

publicclassJsonJqueryStruts2ActionextendsActionSupport{

privatestaticfinallongserialVersionUID=3518833679938898354L;

privateStringmessage;//使用json返回单个值

privateUserInfouserInfo;//使用json返回对象

privateList<UserInfo>userInfosList;//使用josn返回List对象

privateMap<String,UserInfo>userInfosMap;//使用json返回Map对象

//为上面的的属性提供get，Set方法

publicStringgetMessage(){

returnmessage;

}

publicvoidsetMessage(Stringmessage){

this.message=message;

}

publicUserInfogetUserInfo(){

returnuserInfo;

}

publicvoidsetUserInfo(UserInfouserInfo){

this.userInfo=userInfo;

}

publicList<UserInfo>getUserInfosList(){

returnuserInfosList;

}

publicvoidsetUserInfosList(List<UserInfo>userInfosList){

this.userInfosList=userInfosList;

}

publicMap<String,UserInfo>getUserInfosMap(){

returnuserInfosMap;

}

publicvoidsetUserInfosMap(Map<String,UserInfo>userInfosMap){

this.userInfosMap=userInfosMap;

}

/**

*<p>

*返回单个值

*<p>

*@return

publicStringreturnMessage(){

this.message="成功返回单个值";

return"message";

}

/**

*<p>

*返回UserInfo对象

*</p>

*@return

publicStringreturnUserInfo(){

userInfo=newUserInfo();

userInfo.setUserId(10000);

userInfo.setUserName("张三");

userInfo.setPassword("000000");

return"userInfo";

}

/**

*<p>

*返回List对象

*</p>

*@return

publicStringreturnList(){

userInfosList=newArrayList<UserInfo>();

UserInfou1=newUserInfo();

u1.setUserId(10000);

u1.setUserName("张三");

u1.setPassword("000000");

UserInfou2=newUserInfo();

u2.setUserId(10001);

u2.setUserName("李四");

u2.setPassword("111111");

UserInfou3=newUserInfo();

u3.setUserId(10002);

u3.setUserName("王五");

u3.setPassword("222222");

UserInfou4=newUserInfo();

u4.setUserId(10003);

u4.setUserName("赵六");

u4.setPassword("333333");

userInfosList.add(u1);

userInfosList.add(u2);

userInfosList.add(u3);

userInfosList.add(u4);

return"list";

}

/**

*<p>

*返回Map对象

*</p>

*@return

publicStringreturnMap(){

userInfosMap=newHashMap<String,UserInfo>();

UserInfou1=newUserInfo();

u1.setUserId(10000);

u1.setUserName("张三");

u1.setPassword("000000");

UserInfou2=newUserInfo();

u2.setUserId(10001);

u2.setUserName("李四");

u2.setPassword("111111");

UserInfou3=newUserInfo();

u3.setUserId(10002);

u3.setUserName("王五");

u3.setPassword("222222");

UserInfou4=newUserInfo();

u4.setUserId(10003);

u4.setUserName("赵六");

u4.setPassword("333333");

userInfosMap.put(u1.getUserId()+"",u1);

userInfosMap.put(u2.getUserId()+"",u2);

userInfosMap.put(u3.getUserId()+"",u3);

userInfosMap.put(u4.getUserId()+"",u4);

return"map";

}

/**

*<p>

*获得对象，也就是通过表达获得对象(异步的)

*</P>

*@return

publicStringgainUserInfo(){

System.out.println("用户ID："+userInfo.getUserId());

System.out.println("用户名："+userInfo.getUserName());

System.out.println("密码："+userInfo.getPassword());

return"userInfo";

}

/**

*获得单个值就不用写了和平常一样

}

3.struts.xml

Struts.xml代码

1.<?xmlversion="1.0"encoding="UTF-8"?>

2.<!DOCTYPEstrutsPUBLIC

3."-//ApacheSoftwareFoundation//DTDStrutsConfiguration2.0//EN"

4."http://struts.apache.org/dtds/struts-2.0.dtd">

6.<struts>

8.<packagename="default"namespace="/"extends="json-default">

9.<actionname="jsontest"class="struts2jsonjquery.test.action.JsonJqueryStruts2Action">

10.

11.<resultname="message"type="json"></result>

12.

13.<resultname="userInfo"type="json"></result>

14.

15.<resultname="list"type="json"></result>

16.

17.<resultname="map"type="json"></result>

18.</action>

19.</package>

20.</struts>

Struts.xml代码

1.<?xmlversion="1.0"encoding="UTF-8"?>

2.<!DOCTYPEstrutsPUBLIC

3."-//ApacheSoftwareFoundation//DTDStrutsConfiguration2.0//EN"

4."http://struts.apache.org/dtds/struts-2.0.dtd">

6.<struts>

8.<packagename="default"namespace="/"extends="json-default">

9.<actionname="jsontest"class="struts2jsonjquery.test.action.JsonJqueryStruts2Action">

10.

11.<resultname="message"type="json"></result>

12.

13.<resultname="userInfo"type="json"></result>

14.

15.<resultname="list"type="json"></result>

16.

17.<resultname="map"type="json"></result>

18.</action>

19.</package>

20.</struts>

<?xmlversion="1.0"encoding="UTF-8"?>

<!DOCTYPEstrutsPUBLIC

"-//ApacheSoftwareFoundation//DTDStrutsConfiguration2.0//EN"

"http://struts.apache.org/dtds/struts-2.0.dtd">

<packagename="default"namespace="/"extends="json-default">

<actionname="jsontest"class="struts2jsonjquery.test.action.JsonJqueryStruts2Action">

<resultname="message"type="json"></result>

<resultname="userInfo"type="json"></result>

<resultname="list"type="json"></result>

<resultname="map"type="json"></result>

</action>

</package>

</struts>

前台：

1.index.jsp

Html代码

1.<%@pagelanguage="java"pageEncoding="GBK"%>

2.<%

3.Stringpath=request.getContextPath();

4.%>

6.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

7.<html>

8.<head>

10.<title>Struts2+JQuery+JSON</title>

11.<metahttp-equiv="pragma"content="no-cache">

12.<metahttp-equiv="cache-control"content="no-cache">

13.<metahttp-equiv="expires"content="0">

14.<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">

15.<metahttp-equiv="description"content="Thisismypage">

16.<scripttype="text/javascript"src="<%=path%>/js/jquery.js"></script>

17.<scripttype="text/javascript"src="<%=path%>/js/json.js"></script>

18.</head>

19.

20.<body>

21.<inputid="getMessage"type="button"value="获取单个值"/>  

22.<inputid="getUserInfo"type="button"value="获取UserInfo对象"/>  

23.<inputid="getList"type="button"value="获取List对象"/>  

24.<inputid="getMap"type="button"value="获取Map对象"/>  

25.<br>

26.<br>

27.<br>

28.

29.<divid="message"></div>

30.<form>

31.用户ID：<inputname="userInfo.userId"type="text"/><br/>

32.用户名：<inputname="userInfo.userName"type="text"/><br/>

33.密   码：<inputname="userInfo.password"type="text"/><br>

34.<inputid="regRe"type="button"value="注册"/>

35.</form>

36.</body>

37.</html>

Html代码

1.<%@pagelanguage="java"pageEncoding="GBK"%>

2.<%

3.Stringpath=request.getContextPath();

4.%>

6.<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

7.<html>

8.<head>

10.<title>Struts2+JQuery+JSON</title>

11.<metahttp-equiv="pragma"content="no-cache">

12.<metahttp-equiv="cache-control"content="no-cache">

13.<metahttp-equiv="expires"content="0">

14.<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">

15.<metahttp-equiv="description"content="Thisismypage">

16.<scripttype="text/javascript"src="<%=path%>/js/jquery.js"></script>

17.<scripttype="text/javascript"src="<%=path%>/js/json.js"></script>

18.</head>

19.

20.<body>

21.<inputid="getMessage"type="button"value="获取单个值"/>  

22.<inputid="getUserInfo"type="button"value="获取UserInfo对象"/>  

23.<inputid="getList"type="button"value="获取List对象"/>  

24.<inputid="getMap"type="button"value="获取Map对象"/>  

25.<br>

26.<br>

27.<br>

28.

29.<divid="message"></div>

30.<form>

31.用户ID：<inputname="userInfo.userId"type="text"/><br/>

32.用户名：<inputname="userInfo.userName"type="text"/><br/>

33.密   码：<inputname="userInfo.password"type="text"/><br>

34.<inputid="regRe"type="button"value="注册"/>

35.</form>

36.</body>

37.</html>

<%@pagelanguage="java"pageEncoding="GBK"%>

Stringpath=request.getContextPath();

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

<html>

<head>

<title>Struts2+JQuery+JSON</title>

<metahttp-equiv="pragma"content="no-cache">

<metahttp-equiv="cache-control"content="no-cache">

<metahttp-equiv="expires"content="0">

<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">

<metahttp-equiv="description"content="Thisismypage">

<scripttype="text/javascript"src="<%=path%>/js/jquery.js"></script>

<scripttype="text/javascript"src="<%=path%>/js/json.js"></script>

</head>

<body>

<inputid="getMessage"type="button"value="获取单个值"/>  

<inputid="getUserInfo"type="button"value="获取UserInfo对象"/>  

<inputid="getList"type="button"value="获取List对象"/>  

<inputid="getMap"type="button"value="获取Map对象"/>  

<br>

<divid="message"></div>

<form>

用户ID：<inputname="userInfo.userId"type="text"/><br/>

用户名：<inputname="userInfo.userName"type="text"/><br/>

密   码：<inputname="userInfo.password"type="text"/><br>

<inputid="regRe"type="button"value="注册"/>

</form>

</body>

</html>

2.json.js

Js代码

1.//初始加载页面时

2.$(document).ready(function(){

3.//为获取单个值的按钮注册鼠标单击事件

4.$("#getMessage").click(function(){

5.$.getJSON("jsontest!returnMessage.action",function(data){

6.//通过.操作符可以从data.message中获得Action中message的值

7.$("#message").html("<fontcolor='red'>"+data.message+"</font>");

8.});

9.});

10.//为获取UserInfo对象按钮添加鼠标单击事件

11.$("#getUserInfo").click(function(){

12.$.getJSON("jsontest!returnUserInfo.action",function(data){

13.//清空显示层中的数据

14.$("#message").html("");

15.//为显示层添加获取到的数据

16.//获取对象的数据用data.userInfo.属性

17.$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

18..append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

19..append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

20.});

21.});

22.//为获取List对象按钮添加鼠标单击事件

23.$("#getList").click(function(){

24.$.getJSON("jsontest!returnList.action",function(data){

25.//清空显示层中的数据

26.$("#message").html("");

27.//使用jQuery中的each(data,function(){});函数

28.//从data.userInfosList获取UserInfo对象放入value之中

29.$.each(data.userInfosList,function(i,value){

30.$("#message").append("<div>第"+(i+1)+"个用户：</div>")

31..append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

32..append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

33..append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

34.});

35.});

36.});

37.//为获取Map对象按钮添加鼠标单击事件

38.$("#getMap").click(function(){

39.$.getJSON("jsontest!returnMap.action",function(data){

40.//清空显示层中的数据

41.$("#message").html("");

42.//使用jQuery中的each(data,function(){});函数

43.//从data.userInfosList获取UserInfo对象放入value之中

44.//key值为Map的键值

45.$.each(data.userInfosMap,function(key,value){

46.$("#message").append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

47..append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

48..append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

49.});

50.});

51.});

52.//向服务器发送表达数据

53.$("#regRe").click(function(){

54.//把表单的数据进行序列化

55.varparams=$("form").serialize();

56.//使用jQuery中的$.ajax({});Ajax方法

57.$.ajax({

58.url:"jsontest!gainUserInfo.action",

59.type:"POST",

60.data:params,

61.dataType:"json",

62.success:function(data){

63.//清空显示层中的数据

64.$("#message").html("");

65.//为显示层添加获取到的数据

66.//获取对象的数据用data.userInfo.属性

67.$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

68..append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

69..append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

70.}

71.});

72.});

73.});

Js代码

1.//初始加载页面时

2.$(document).ready(function(){

3.//为获取单个值的按钮注册鼠标单击事件

4.$("#getMessage").click(function(){

5.$.getJSON("jsontest!returnMessage.action",function(data){

6.//通过.操作符可以从data.message中获得Action中message的值

7.$("#message").html("<fontcolor='red'>"+data.message+"</font>");

8.});

9.});

10.//为获取UserInfo对象按钮添加鼠标单击事件

11.$("#getUserInfo").click(function(){

12.$.getJSON("jsontest!returnUserInfo.action",function(data){

13.//清空显示层中的数据

14.$("#message").html("");

15.//为显示层添加获取到的数据

16.//获取对象的数据用data.userInfo.属性

17.$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

18..append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

19..append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

20.});

21.});

22.//为获取List对象按钮添加鼠标单击事件

23.$("#getList").click(function(){

24.$.getJSON("jsontest!returnList.action",function(data){

25.//清空显示层中的数据

26.$("#message").html("");

27.//使用jQuery中的each(data,function(){});函数

28.//从data.userInfosList获取UserInfo对象放入value之中

29.$.each(data.userInfosList,function(i,value){

30.$("#message").append("<div>第"+(i+1)+"个用户：</div>")

31..append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

32..append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

33..append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

34.});

35.});

36.});

37.//为获取Map对象按钮添加鼠标单击事件

38.$("#getMap").click(function(){

39.$.getJSON("jsontest!returnMap.action",function(data){

40.//清空显示层中的数据

41.$("#message").html("");

42.//使用jQuery中的each(data,function(){});函数

43.//从data.userInfosList获取UserInfo对象放入value之中

44.//key值为Map的键值

45.$.each(data.userInfosMap,function(key,value){

46.$("#message").append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

47..append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

48..append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

49.});

50.});

51.});

52.//向服务器发送表达数据

53.$("#regRe").click(function(){

54.//把表单的数据进行序列化

55.varparams=$("form").serialize();

56.//使用jQuery中的$.ajax({});Ajax方法

57.$.ajax({

58.url:"jsontest!gainUserInfo.action",

59.type:"POST",

60.data:params,

61.dataType:"json",

62.success:function(data){

63.//清空显示层中的数据

64.$("#message").html("");

65.//为显示层添加获取到的数据

66.//获取对象的数据用data.userInfo.属性

67.$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

68..append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

69..append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

70.}

71.});

72.});

73.});

//初始加载页面时

$(document).ready(function(){

//为获取单个值的按钮注册鼠标单击事件

$("#getMessage").click(function(){

$.getJSON("jsontest!returnMessage.action",function(data){

//通过.操作符可以从data.message中获得Action中message的值

$("#message").html("<fontcolor='red'>"+data.message+"</font>");

});

//为获取UserInfo对象按钮添加鼠标单击事件

$("#getUserInfo").click(function(){

$.getJSON("jsontest!returnUserInfo.action",function(data){

//清空显示层中的数据

$("#message").html("");

//为显示层添加获取到的数据

//获取对象的数据用data.userInfo.属性

$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

.append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

.append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

});

//为获取List对象按钮添加鼠标单击事件

$("#getList").click(function(){

$.getJSON("jsontest!returnList.action",function(data){

//清空显示层中的数据

$("#message").html("");

//使用jQuery中的each(data,function(){});函数

//从data.userInfosList获取UserInfo对象放入value之中

$.each(data.userInfosList,function(i,value){

$("#message").append("<div>第"+(i+1)+"个用户：</div>")

.append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

.append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

.append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

});

//为获取Map对象按钮添加鼠标单击事件

$("#getMap").click(function(){

$.getJSON("jsontest!returnMap.action",function(data){

//清空显示层中的数据

$("#message").html("");

//使用jQuery中的each(data,function(){});函数

//从data.userInfosList获取UserInfo对象放入value之中

//key值为Map的键值

$.each(data.userInfosMap,function(key,value){

$("#message").append("<div><fontcolor='red'>用户ID："+value.userId+"</font></div>")

.append("<div><fontcolor='red'>用户名："+value.userName+"</font></div>")

.append("<div><fontcolor='red'>密码："+value.password+"</font></div>");

});

//向服务器发送表达数据

$("#regRe").click(function(){

//把表单的数据进行序列化

varparams=$("form").serialize();

//使用jQuery中的$.ajax({});Ajax方法

$.ajax({

url:"jsontest!gainUserInfo.action",

type:"POST",

data:params,

dataType:"json",

success:function(data){

//清空显示层中的数据

$("#message").html("");

//为显示层添加获取到的数据

//获取对象的数据用data.userInfo.属性

$("#message").append("<div><fontcolor='red'>用户ID："+data.userInfo.userId+"</font></div>")

.append("<div><fontcolor='red'>用户名："+data.userInfo.userName+"</font></div>")

.append("<div><fontcolor='red'>密码："+data.userInfo.password+"</font></div>")

}

});

});注意：JSON插件会把所有包含getter方法的属性都序列化到返回结果中，所以Action中的其他execute方法都不要把名

字加get前缀。

可以下载工程文件

实体类 struts2 jquery

十一郎的IT

0 关注 0 粉丝 0 动态

关注关注

三大框架整合（hibernate-spring-struts2）

（5-2）不使用外部的hibernate.cfg.xml，加载配置方案2:在spring配置中放置hibernate配置信息。整合struts2中的action------例如userAction创建bean并为其注入属性userService. 三.在w

方志朋 2019-12-22

（傲娇的白狐）Swagger给实体类接口加注释

/ 只要扫描的接口中存在实体类，它就会被扫描到swagger中。@ApiModelpublic class Userinfo { @ApiModelProperty private int id;

SAMXIE 2020-07-26

visual studio 2019从mysql数据库表通过命令自动生成实体类模型

最后，强调一点，这个windows下测试成功的，命令不区分大小写，linux下面是区分大小写的。最重要的是版本冲突的解决。附上所有测试依赖包：Id Versions

写程序的赵童鞋 2020-07-19

MyBatis（六）MyBatis Generator配置

在Mapper XML用法中，对于大多数单表操作来说，所用到的方法都很规范且类似。因此，MyBatis提供了代码生成器：MyBatis Generator。MBG通过丰富的配置可以生成不同类型的代码，代码包含了数据库对应的实体类、Mapper接口类、Map

Justagreenonion 2020-06-21

json转化为C#、Java、TypeScript、VisualBasic、Python实体类

效果展示：

taishanduba 2020-06-10

使用json异步获取数据提交表单

2.前端向后端发起ajax请求，把请求到的字符串解析

xx0cw 2020-06-01

JPA入门及深入

　　ORM 表示对象关系映射。只要有一套程序能够做到建立对象与数据库的关联，操作对象就可以直接操作数据库数据，就可以说这套程序实现了ORM对象关系映射。但使用ORM框架则会大大减少重复性代码。　　JPA的全称是Java Persistence API，即

Danialzhou 2020-05-30

mybatis学习—— mybatis 的参数深入、输出结果封装、 SqlMapConfig.xml配置文件

我们在上一章节中已经介绍了 SQL 语句传参，使用标签的 parameterType 属性来设定。该属性的取值可以是基本类型，引用类型，还可以是实体类类型。同时也可以使用实体类的包装类，本章节将介绍如何使用实体类的包装类作为参数传递。实体类类型，目前我

mrsuddenflash 2020-05-11

JPA的@[email protected]@[email protected]

JPA是Java Persistence Api的简称，可以将一个正常java实体类映射到数据库。JPA定义了注解来实现这一步骤。@Entity表明该类为一个实体类，默认会找到一个对应的表名。　　　　name，指定列名。　　　　length，对于字符型，指

URML 2020-05-09

Hibernate 5 @Entity 如何 extends 另外一个类

在实际项目设计中，我们可以希望在 JPA 中定义 @Entity 表。但是在这个 @Entity 类中，我们希望 extends 另外一个类，在另外一个类中我们可以把一些通用的属性设置到里面。需要在 DataObject 中添加 @MappedSuperc

栖梧桐 2020-04-11

MyBatis逆向工程，自动生成dao、实体类、mapper文件

利用mybatis generator 自动生成生成dao、实体类、mapper文件这里介绍两种方法：1、独立的文件夹的方式，脱离开发工具2、基于开发工具的方式1、独立的文件夹的方式，脱离开发工具基本步骤：（方法有多种，这里的方法是脱离项目工程，利用命令行

yunzhonmghe 2020-04-07

关于mybatis中的实体类属性与数据库中的列名不一致的两种解决方法

select id as userId, username as userName,birthday as userBirthday,sex as userSex,address as userAddress from user ;这样就能够把查询到的数据

喝绿茶的猫 2020-02-21

spring boot集成mybatis 自动生成实体类和mapper文件、Dao层

--执行generator插件生成文件的命令： call mvn mybatis-generator:generate -e -->. -- 引入配置文件 -->. --classPathEntry:数据库的JDBC驱动,换成你自己的驱动位置

kevincheung 2020-02-20

mybatis框架

mybatis是用java实现的持久层框架，他封装了jdbc的很多细节，使开发者只需关注sql语句本身，而不用管注册驱动等等繁琐的过程。它使用了ORM思想封装结果集。简单地说，就是把数据表和实体类以及实体类的属性对应起来，是我们通过实体类对象操作数据库=表

技术驱动人生 2020-02-14

Spring在Action中不用注入实体类

在Action类中用到了各种Service提供的服务则需要在spring的配置文件中注入Service的bean，如果使用Setter方法注入需要在Action中添加Service的Setter方法，但是用到的实体类是不需要注入的，所以一定注意不要添加实体

csuzxm000 2020-02-01

在Idea中连接数据库并生成实体类（mybatis逆向生成实体类）

分别填写画圈的方框。填好之后，可以点击一下test Connection,如果连接成功，那么test Connection按钮的右边会显示一句话提示连接成功。Package----------------------选择项目中的某个包，生成的实体将会变成

zhiyuan0 2020-01-19

SpringBoot中Redis的set、map、list、value、实体类等基本操作介绍

今天给大家介绍一下SpringBoot中Redis的set、map、list、value等基本操作的具体使用方法想学习分布式、微服务、JVM、多线程、架构、java、python的童鞋，千万不要扫码，否则后果自负~上一节中给大家介绍了如何在SpringBo

GavinZhera 2020-01-04

工厂设计模式灵魂拷问-Java实现

喜欢就点个赞呗!你的支持是我分享的动力！我们经常听到工厂模式，比如说 Spring 用了工厂模式啦，面试也会被问到工厂模式等等，这见工厂模式是日常开发中比较重要的一种设计模式。其实工厂模式也是比较简单的一种设计模式，这年头似乎不了解工厂模式，你都不好意思说

swimmer000 2019-12-30

myeclipse自动生成hibernate映射文件

在hibernate中，每个数据表对应的其实是一个实体类，每个实体类有一个对应的hbm.xml配置文件匹配，myeclipse中有个MyEclipse Database Explorer视图，它提供了myeclipse与数据库直接连接的内置窗口，并且通过此

BruceWayne 2014-06-07

Hiberante(七) Annotation的方式实现ManyToOne,OneToOne,ManyTOMany

private int id;private String name;private int grade;return id;private int id;private String name;private String no;private Clas

云之飞踢 2014-06-02

安科网

struts2 json jquery 异步

十一郎的IT

十一郎的IT

相关推荐

三大框架整合（hibernate-spring-struts2）

（傲娇的白狐）Swagger给实体类接口加注释

visual studio 2019从mysql数据库表通过命令自动生成实体类模型

MyBatis（六）MyBatis Generator配置

json转化为C#、Java、TypeScript、VisualBasic、Python实体类

使用json异步获取数据提交表单

JPA入门及深入

mybatis学习—— mybatis 的参数深入、输出结果封装、 SqlMapConfig.xml配置文件

JPA的@[email protected]@[email protected]

Hibernate 5 @Entity 如何 extends 另外一个类

MyBatis逆向工程，自动生成dao、实体类、mapper文件

关于mybatis中的实体类属性与数据库中的列名不一致的两种解决方法

spring boot集成mybatis 自动生成实体类和mapper文件、Dao层

mybatis框架

Spring在Action中不用注入实体类

在Idea中连接数据库并生成实体类（mybatis逆向生成实体类）

SpringBoot中Redis的set、map、list、value、实体类等基本操作介绍

工厂设计模式灵魂拷问-Java实现

myeclipse自动生成hibernate映射文件

Hiberante(七) Annotation的方式实现ManyToOne,OneToOne,ManyTOMany

十一郎的IT