1.1.1???Action利用struts2-json-plugin-X.X.X.jar響應Json格式信息：

1.????? function?removerecordbyid(recordid){???

2.????? ????????$("#showallrecord?table?tr").each(??

3.????? ????????function(){??

4.????? ??????????var?seq=parseInt($( this ).children( "td" ).html());??

5.????? ??????????var?thisrecord?=? this ;??

6.????? ??????????if(seq==recordid)??

7.????? ????????????if(confirm( "您確認運行刪除操作么?")){??

8.????? ????????????????$.ajax({??

9.????? ????????????????????type:?"POST",??

10.?? ????????????????????url:"removeRecordById.action",??

11.?? ????????????????????dataType:"json",??

12.?? ????????????????????data:{"msg.id":recordid},??

13.?? ????????????????????success:function(json){??

14.?? ????????????????????????if(json.status==4){??

15.?? ????????????????????????????alert("刪除失敗,僅僅有提交留言的ip才干刪除" );??

16.?? ????????????????????????}else{??

17.?? ????????????????????????????$(thisrecord).remove();??

18.?? //??????????????????????????alert("刪除成功");?? ??

19.?? ????????????????????????}??

20.?? ????????????????????},??

21.?? ????????????????????error:function(){??

22.?? ????????????????????????alert("del?error");??

23.?? ????????????????????}??

24.?? ????????????????});??

25.?? ????????????}??

26.?? ????????});??

27.?? ????}??

?Action代碼（做了簡化）

1.????? public ? class ?CrudMsgAction? extends?ActionSupport{??

2.????? ????private?Record?msg;??

3.????? ????private ? int?index;??

4.????? ????private?RecordService?recordService;??

5.????? ????private?List<Record>?records;??

6.????? ????private ? int ?status?=?0 ;??

7.????? ????private ? int?page?=? 0 ;??

8.????? ??????

9.????? ????@JSON (serialize= false)??

10.?? ????public?RecordService?getRecordService()?{??

11.?? ????????return?recordService;??

12.?? ????}??

13.?? ??????

14.?? ????/** ?

15.?? ?????*?返回全部記錄的JSON數據 ?

16.?? ?????*?@return?list?.?All?of?the?record.?

17.?? ?????*?@throws?Exception?

18.?? ?????*/ ???

19.?? ????public?String?listAllRecord()? throws ?Exception{??

20.?? ????????List<Record>?list?=?recordService.listAllRecord();??

21.?? ????????records?=?list;??

22.?? ????????return?SUCCESS;??

23.?? ????}??

24.?? ??????

25.?? ????public?String?listAllRecordByPage()? throws?Exception{??

26.?? ????????List<Record>?list?=?recordService.listAllRecord(page);??

27.?? ????????records?=?list;??

28.?? ????????return?SUCCESS;??

29.?? ????}??

30.?? ??

31.?? ????/** ?

32.?? ?????*?插入記錄 ?

33.?? ?????*?@return?update?the?view?with?AJAX?when?struts2?action?return?

34.?? ?????*?@throws?Exception?

35.?? ?????*/ ?

36.?? ????public?String?listRecordByIndex()? throws ?Exception{??

37.?? ????????List<Record>?list?=?recordService.listAllRecord();??

38.?? ????????this.msg?=?list.get( this .getIndex());??

39.?? ??????????

40.?? ????????return?SUCCESS;??

41.?? ????}??

42.?? ????/** ?

43.?? ?????*?刪除相應id記錄 ?

44.?? ?????*?@return?field?status.?in?order?to?update?view?with?AJAX ?

45.?? ?????*?@throws?Exception?

46.?? ?????*/ ??

47.?? ????public?String?removeRecordById()? throws ?Exception{??

48.?? ????????String?clientIpAddr?=?ServletActionContext.getRequest().getRemoteAddr();??

49.?? ????????Record?r?=?recordService.listRecordById(msg.getId());??

50.?? ????????if(clientIpAddr.equals(r.getIpaddr())){??

51.?? ????????????recordService.removeRecordById(msg.getId());??

52.?? ????????????return?SUCCESS;??

53.?? ????????}??

54.?? ????????status?=?4;??

55.?? ????????return?SUCCESS;??

56.?? ????}??

57.?? ??????

58.?? ????/** ? ?獲得分頁數 ? ???*/ ??

59.?? ????public?String?getPageSize()? throws ?Exception{??

60.?? ????????page?=?recordService.getPage();??

61.?? ????????return?SUCCESS;??

62.?? ????}??

63.?? }

上面代碼中，使用了 @JSON(serialize=false),
除此之外，@JSON還支持例如以下幾個域：
name：指定Action屬性被序列化成JSON對象的屬性名。
serialize：設置是否序列化該屬性
deserialize：設置是否反序列化該屬性。
format：設置用于格式化輸出、解析日期表單域的格式。比如"yyyy-MM-dd'T'HH:mm:ss"

?

1.????? ?< package ? name = "json" ?extends = "json-default" > ??

2.????? ????????<action ? name = "ajaxRequest" ? class ="com.jun.demos.struts2json.HelloWorld" > ??

3.????? ????????????<result ? type = "json" ? /> ??

4.????? ????????</action > ??

5.????? ????????<action ? name = "listIndexRecord" ? class ="com.jun.demos.book.action.CrudMsgAction" > ??

6.????? ????????????<result ? type = "json" ? /> ??

7.????? ????????</action > ??

8.????? ????????<action ? name = "listAllRecord" ? class ="com.jun.demos.book.action.CrudMsgAction" ? method ="listAllRecord" > ??

9.????? ????????????<result ? type = "json" ? /> ??

10.?? ????????</action > ???

11.?? ????????<action ? name = "removeRecordById" ? class ="CrudMsgAction" ? method = "removeRecordById" >??

12.?? ????????????<result ? type = "json" ? /> ??

13.?? ????????</action > ??

14.?? ????????<action ? name = "getPageIndex" ? class = " CrudMsgAction"? method = "getPageSize" > ??

15.?? ????????????<result ? type = "json" ? /> ??

16.?? ????????</action > ??

17.??????</package > ??

配置該Action與配置普通Action存在小小的差別。

包繼承了json-default包，而不再繼承默認的default包，這是由于僅僅有在該包下才有json類型的Result。
Result能夠使用 <param name="excludeProperties">page,index</param>排除Action 中這些都不返回的屬性.

我們僅僅要輸出person對象的name屬性值，配置例如以下

1.?????<result?type="json">??

2.?????????<param?name="root">person.name</param>??

3.?????</result>??

?

excludeNullProperties參數：表示是否去掉空值，?默認值是false

4.?????<result?type="json">??

5.?????????<param?name="excludeNullProperties">true</param>??

6.??????</result>?

?

ignoreHierarchy參數：表示是否忽略等級，也就是繼承關系，比方：TestAction繼承于BaseAction，那么TestAction中返回的json字符串默認是不會包括父類BaseAction的屬性值，ignoreHierarchy值默覺得true

7.????? <result?type="json">??

8.????? ????<param?name="ignoreHierarchy">false</param>??

9.????? </result>??

?

includeProperties參數：輸出結果中須要包括的屬性值，這里正則表達式和屬性名匹配，能夠用“,”切割填充多個正則表達式。?如：輸出person的全部屬性

10.?? <result?type="json">??

11.?? ????<param?name="includeProperties">person.*,?person/.name</param>??

12.?? </result>??

?

?

比如：

??? <!-- 購房合同管理 namespace保證action的路徑與jQuery兼容-->

??? <package name="yushou_hetong" extends="json-default"namespace="/pages/hetong">

??? ??? <actionname="hetongAdd"class="hetongAddAction">

??? ??? ??? <result name="list">/pages/hetong/qylist.jsp</result>

??? ??? ??? <!-- <resultname="add">/pages/hetong/add.jsp</result> 改用純Html+jQuery-->

??? ??? ??? <result name="add">/pages/hetong/add.html</result>

??? ??? ??? <result name="Query">/pages/hetong/query.html</result>

??? ??? ??? <result name="xiangmu">/pages/hetong/add/xiangmu.jsp</result>

??? ??? ??? <result name="loupan">/pages/hetong/add/loupan.jsp</result>

??? ??? ??? <result name="house">/pages/hetong/add/house.jsp</result>

??? ??? ??? <result name="houseList">/pages/hetong/add/houseList.jsp</result>

??? ??? ??? <result name="fukuan">/pages/hetong/add/fukuan.jsp</result>

??? ??? ??? <result name= "success"? type="json" >

??? ??? ??? ??? ??? <param name="ignoreHierarchy">false</param>

??? ??? ??? ??? ??? <param name="includeProperties">errmsg</param>

??? ??? ??? </result>

??? ??? </action>

??? </package>

?

二級聯動標簽

在struts2 標簽s:doubleselect二級聯動標簽的基礎上實現事件：第二級onchange時調用struts2 action，在action中查詢一個名稱，然后返回回來，此信息顯示在頁面上（這僅僅是給用戶一個提示信息，不影響表單是否能提交）

?

須要加事件的二級聯動jsp代碼

1.?????????<td?class="alignLeft"?width="22%">???所屬業務/項目名稱：???</td>??

2.?????????<td?valign="top"?class="alignLeft"?width="20%">??

3.?????????????<s:doubleselect?name="changeApplyFormBO.operationId"?list="operationList"?listKey="id"??

4.?????????????listValue="operationName"?doubleList="operationSubProductList"???

5.?????????????doubleListKey="id"?doubleListValue="prudName"??doubleName="changeApplyFormBO.productId"??

6.?????????????headerKey=""??headerValue="---?Please?Select?---"?/>????

7.????????????? <span?id="company"?style="color:red"></span>??

8.?????????</td>??

????我們須要在“項目名稱”被改變的事件下調用函數，在生成的靜態頁面中查得它的id是cbApplySubmit_changeApplyFormBO_productId

說明一下，這里生成的id有一點規律，貌似。cbApplySubmit是本頁面form表單的action，而changeApplyFormBO.productId是“項目名稱”的name

?

以下給出定制下拉菜單事件的js?

1.?????<script>??

2.???????????

3.???????????$(function(){??

4.???????????????var?obj=document.getElementById("cbApplySubmit_changeApplyFormBO_productId");??

5.???????????????obj.οnchange=function(){??????

6.????????????????var?prodId=obj.value;??

7.????????????????var?url="${contextPath}/assets/businessChange/ajaxGetCompany.do";??

8.????????????????var?jsonProd={productId:prodId};????//JSON對象??????

9.????????????????var?prodStr=JSON.stringify(jsonProd);????//將JSON對象轉變成JSON格式的字符串??

10.?? ???????????$.post(url,{json:prodStr},callback,"json");???

11.?? ??????????}??

12.?? ????????function?callback(json){?????

13.?? ????????????$("#company").html(json.msg);??

14.?? ?????????}???

15.?? ?????});???

16.?? ??????

17.?? </script>??

?這里，無論是從瀏覽器端（JS，Ajax，Jquery等）發送給server端，還是從server端（Struts的Action，Servlet等）發送回client，發送的都是JSON格式的字符串

?

解釋例如以下：

1.?????var?jsonProd={productId:prodId};??

?這句是組裝JSON對象，這里非常easy，key是productId，value是頁面選擇的項目名稱的id

??

1.?????//將JSON對象轉變成JSON格式的字符串??

2.?????var?prodStr=JSON.stringify(jsonProd);???

?通過JavaScript內置對象JSON的stringify方法，將JSON對象轉換成字符串。由于，我們傳送給server端的要是JSON格式的字符串。

?

1.?????$.post(url,{json:prodStr},callback,"json");???

?這一句，jquery用POST方法向server端發送數據，url是我們要調用的action全路徑，而{json:prodStr}是我們要發送的數據（data），{json:prodStr}，事實上也是一個JSON對象，Key：value的形式，注意，我們把prodStr這個json串發過去，在Action那里接收時，要接收“json”這個變量，這個變量的值就是我們發送的prodStr字符串。

回調函數（callback）是指server端成功返回時，在JS端運行的函數。最后一個參數“json”是返回數據類型的一種，另外，還有”text”、“xml”等

?function?callback(json){?????

1.?????????????$("#company").html(json.msg);??

2.??????????}???

3.??????});??

?company是span的id，請看最上面二級聯動標簽處。這個函數用來顯示action中組裝的json對象的value值

?

struts2 action類?

1.?????import?org.json.JSONObject;??

2.???????

3.?????public?class?CBApplyAction?extends?ActionSupport?{??

4.?????????private?IProductMng?productMng;??

5.?????????private?String?json;??

6.?????????/**?

7.??????????*?通過選擇的項目名稱，給出提示事業部名稱的提示信息?

8.??????????*??

9.??????????*?@return?

10.?? ?????*?@throws?Exception?

11.?? ?????*/??

12.?? ????public?void?ajaxGetCompany()?throws?Exception?{??

13.?? ????????JSONObject?jsonObj?=?new?JSONObject(json);?//?將JSON格式的字符串構造成JSON對象??

14.?? ??????????

15.?? ????????String?productId?=?jsonObj.getString("productId");?//?獲取JSON對象中的productId屬性的值??

16.?? ??????????

17.?? ????????ProductBO?prod?=?productMng.loadProduct(Integer.parseInt(productId));??

18.?? ????????Integer?companyId?=?prod.getCompanyId();??

19.?? ????????CompanyBO?comp?=?productMng.loadCompany(companyId);??

20.?? ????????String?companyName?=?"事業部為:"?+?comp.getName();??

21.?? ????????json?=?"{msg:'"?+?companyName?+?"'}";????//構造JSON格式的字符串?????

22.?? ????????sendMsg(json);????//發送JSON格式的字符串回JS端??????

23.?? ????}??

24.?? ??????

25.?? ????public?void?sendMsg(String?content)?throws?IOException{??????

26.?? ????????HttpServletResponse?response?=?ServletActionContext.getResponse();??????

27.?? ????????response.setCharacterEncoding("UTF-8");??????

28.?? ????????response.getWriter().write(content);??????

29.?? ????}????

30.?? ??

31.?? ????public?String?getJson()?{??

32.?? ????????return?json;??

33.?? ????}??

34.?? ??

35.?? ????public?void?setJson(String?json)?{??

36.?? ????????this.json?=?json;??

37.?? ????}??

38.?? ??

39.?? ????public?void?setProductMng(IProductMng?productMng)?{??

40.?? ????????this.productMng?=?productMng;??

41.?? ????}????

42.?? }??

???? JSONObject是我從json的站點http://www.json.org/java/index.html上下載了一些java文件，然后將這些.java文件打成一個jar包json.jar，放在項目lib里面 ajaxGetCompany方法沒有像struts2 別的方法那樣有返回值String,這里設的是void，因我們不須要不論什么跳轉.

???這里有個須要注意的，json= "{msg:'" + companyName + "'}"; companyName外面應該有引號括起來

?

?struts2 配置文件

1.?????<action?name="ajaxGetCompany"?class="CBApplyAction"??

2.?????????method="ajaxGetCompany">??

3.?????</action>??

?沒有result?

總結

以上是生活随笔為你收集整理的Struts2 整合jQuery实现Ajax功能(2)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。