struts2整合jquery利用json与后台交互

上传人:ni****g 文档编号:486880611 上传时间:2023-07-03 格式:DOCX 页数:8 大小:62.19KB
返回 下载 相关 举报
struts2整合jquery利用json与后台交互_第1页
第1页 / 共8页
struts2整合jquery利用json与后台交互_第2页
第2页 / 共8页
struts2整合jquery利用json与后台交互_第3页
第3页 / 共8页
struts2整合jquery利用json与后台交互_第4页
第4页 / 共8页
struts2整合jquery利用json与后台交互_第5页
第5页 / 共8页
点击查看更多>>
资源描述

《struts2整合jquery利用json与后台交互》由会员分享,可在线阅读,更多相关《struts2整合jquery利用json与后台交互(8页珍藏版)》请在金锄头文库上搜索。

1、Struts2整合jquery利用json与后台交互总觉得写个实例更容易理解,这个例子是通过帐号密码查出一个类然后将一个实体类由json格式返回。环境是由eclipse搭建Json需要的包Struts2需要的包Eclipse要加的两个包项目名strutsJquery1.Web.xml配置(不解释) struts2 org.apache.struts2.dispatcher.FilterDispatcher struts2 /* 2.建立Index.jspInsert title here$(function()$(#sub).click(function()/将form表单中的数据一同序列化,

2、以便传递到后台 var params = $(#reg).serialize();/通过getjson方法与后台经行交互 $.getJSON(reg.action,params,function(text) var rs = $.parseJSON(text);/注意这里的rs.data 的 data 是在后台定义的/返回的val是一个json格式的对象即data:id:1,pwd:123,uname:qwe $.each(rs.data,function(key,val) $(#vie).append(+val.id+val.uname+val.pwd+); ); ); /* 第二种方式 $

3、.ajax( url: reg, / 数据发送方式 type: post, / 接受数据格式 dataType : json, / 要传递的数据 data : params, / 回调函数,接受服务器端返回给客户端的值,即result值 success : function(result) /测试result是否从服务器端返回给客户端 /alert(result); /解析json对象 var re = eval(+result+); alert(re); for(var i=0;ire.data.length;i+) $(#vie).append(+re.datai.id+re.datai.

4、userName+re.datai.passwd+); ); */););用户名:密码: id 用户名 密 码 3.Struts.xml /index.jsp /reg.jsp /error.jsp result 4. com.strutsJquery.action.RegActionpackage com.strutsJquery.action;import java.util.ArrayList;public class RegAction extends ActionSupport /表单formBeanprivate UserInfo bean;/json结果集 对应struts.xm

5、l中的resultprivate String result;public UserInfo getBean() return bean;public void setBean(UserInfo bean) this.bean = bean;public String getResult() return result;public void setResult(String result) this.result = result;public String execute() throws ExceptionSystem.out.println(userName: +bean.getUna

6、me();System.out.println(passwd: +bean.getPwd();/*连接数据库拿值就不写了 下面模拟从数据库得到很多值*/List list = new ArrayList();UserInfo ui=new UserInfo();ui.setId(1);ui.setUname(bean.getUname();ui.setPwd(bean.getPwd();list.add(ui);/*JsonMetaDate是Util包里面自己写的一个类 */JsonMetaData.getJsonResult(list);System.out.println(JsonMetaData.getJsonResult(list);this.result = JsonMetaData.getJsonResult(list);return SUCCESS; /return service.service(getBean()? SUCCESS : ERRO

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 商业/管理/HR > 营销创新

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号