Struts2+Jquery实现ajax并返回json类型数据.doc
文本预览下载声明
Struts2+Jquery实现ajax并返回json类型数据
摘要:?主要实现步骤如下: 1、JSP页面使用脚本代码执行ajax请求 2、Action中查询出需要返回的数据,并转换为json类型模式数据 3、配置struts.xml文件 4、页面脚本接受并处理数据?
网上看到很多关于Struts2+ajax+jquery+json的例子,但是很多都不完整,也看不明白,主要原因是返回jsno类型数据和原来的返回字符串类型数据不一样,并且网友们实现步骤没有说清楚,让初学的朋友捉摸不透到底该怎么做。
我做了个简单的demo,供网友们学习,最后我会附上链接,可以下载整个demo.
首先需要的包(struts核心包和json需要的包):
struts核心包:
json需要的包:
commons-logging-*.jar在导入struts核心包的时候就导入了,所以导入json包的时候可以去掉这个包
页面效果:
json_demo.jsp页面(该页面引用了jquery文件,我用的版本是jquery-1.8.2.js,如果使用版本不同,请自行修改):
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77 %@ page language=java contentType=text/html; charset=UTF-8
????pageEncoding=UTF-8%
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd
html
head
metahttp-equiv=Content-Typecontent=text/html; charset=UTF-8
titleSimpleton Demo | struts+ajax返回json类型数据/title
?
linkrel=shortcut icontype=image/x-iconhref=images/Icon.png/
linkrel=stylesheettype=text/csshref=styles/base.css/
?
/head
bodybackground=images/bg.gif
?????
????divid=div_json
????????h5录入数据/h5
????????br/
????????formaction=#method=post
????????????labelfor=name姓名:/labelinputtype=textname=name/
????????????labelfor=age年龄:/labelinputtype=textname=age/
????????????labelfor=position职务:/labelinputtype=textname=position/
????????????inputtype=buttonclass=btnvalue=提交结果/
????????/form
????????br/
????????h5显示结果/h5
????????br/
????????ul
????????????li姓名:spanid=s_name赞无数据/span/li
????????????liclass=li_layout年龄:spanid=s_age暂无数据/span/li
????????????liclass=li_layout职务:spanid=s_position暂无数据/span/li
????????/ul
????/div
?????
????divid=authorgraphimgalt=src=images/autograph.gif/div
?????
????scripttype=text/javascriptsrc=scripts/jquery-1.8.2.js/script
????scripttype=text/javascript
?????????
????????/* 提交结果,执行ajax */
????????function btn(){
?????????????
????????????var $btn = $(input.btn);//获取按钮元素
???????????
显示全部