文档详情

Struts2+Jquery实现ajax并返回json类型数据.doc

发布:2017-07-31约6.12千字共11页下载文档
文本预览下载声明
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);//获取按钮元素 ???????????
显示全部
相似文档