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

Struts2整合jquery利用json与后台交互总觉得写个实例更容易理解,这个例子是通过帐号密码查出一个类然后将一个实体类由json格式返回。环境是由eclipse搭建Json需要的包Struts2需要的包Eclipse要加的两个包项目名strutsJquery1.Web.xml配置（不解释）?xmlversion=1.0encoding=UTF-8?web-appxmlns:xsi=/2001/XMLSchema-instancexmlns=/xml/ns/javaeexmlns:web=/xml/ns/javaee/web-app_2_5.xsdxsi:schemaLocation=/xml/ns/javaee /xml/ns/javaee/web-app_2_5.xsdid=WebApp_IDversion=2.5filterfilter-namestruts2/filter-namefilter-classorg.apache.struts2.dispatcher.FilterDispatcher/filter-class/filterfilter-mappingfilter-namestruts2/filter-nameurl-pattern/*/url-pattern/filter-mapping/web-app2.建立Index.jsp%@pagelanguage=javacontentType=text/html; charset=UTF-8pageEncoding=UTF-8%!DOCTYPEhtmlPUBLIC-//W3C//DTD HTML 4.01 Transitional//EN/TR/html4/loose.dtdhtmlheadmetahttp-equiv=Content-Typecontent=text/html; charset=UTF-8titleInsert title here/titlescripttype=text/javascriptsrc=js/jquery.js/scriptscripttype=text/javascript$(function(){$(#sub).click(function(){//将form表单中的数据一同序列化，以便传递到后台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(tr class=ggtd+val.id+/tdtd+val.uname+/tdtd+val.pwd+/td/tr); }); });/*第二种方式 $.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(tr class=ggtd+re.data[i].id+/tdtd+re.data[i].userName+/tdtd+re.data[i].passwd+/td/tr); } } }); */});});/script/headbodyformaction=reg.actionid=regmothod=posttabletrtd用户名：inputtype=textna