此篇文章是轉(zhuǎn)摘
http://www.blogjava.net/rongxh7/archive/2009/08/14/291207.aspx Struts 2.1.6 精簡實例系列教程(6):重寫用戶登錄模塊(整合Jquery+JSON)網(wǎng)上有許多關于Struts2與JSON的文章,Google加百度,查閱了許多,有各種各樣的做法。其中,大部分的文章都說要加進一個叫jsonplugin的插件,在GoogleCode可以下載。以前我有做過測試,也是用它,但著實麻煩,要讓Struts2的package繼承一個叫“json-default”的父package。網(wǎng)上的文章,大部分都是說從Struts的Action如何把JSON數(shù)據(jù)發(fā)送回瀏覽器端(Ajax),而我想要一個跟它們相反的過程(即從Ajax端發(fā)送數(shù)據(jù)到服務器端的Action并解析出來),卻找不到合適的答案。摸索了三個晚上,未果。今天終于讓我找到了思路。
其中,不管是從瀏覽器端(JS,Ajax,Jquery等)發(fā)送給服務器端,還是從服務器端(Struts的Action,Servlet等)發(fā)送回客戶端,都要識別一點:發(fā)送的都應該是JSON格式的字符串。
下面,我們先來重寫登錄模塊中的loginform.jsp文件,原來的代碼,請看
Struts 2.1.6 精簡實例系列教程(2):用戶登錄模塊的實現(xiàn),現(xiàn)在修改的代碼如下:
<%
@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登錄頁</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function()
{
$("#submit").click(function()
{
var loginName1 = $("input[name='loginName']").val(); //獲取賬號
var password1 = $("input[name='password']").val(); //獲取密碼
var jsonUser =
{loginName:loginName1, password:password1}; //JSON對象
//注意:jsonUser.toString()這種方法錯誤,javaScript中的toString是用于布爾型變量的,而應用以下方法
var strUser = JSON.stringify(jsonUser); //將JSON對象轉(zhuǎn)變成JSON格式的字符串,
$.post("login!valid.action",
{json: strUser}, callback, "json");
});
function callback(json)
{
alert(json.msg); //顯示反饋信息
if(json.suc == 1)
{ //如果返回"登錄成功"
window.location.href = "admin/index.action"; //跳轉(zhuǎn)到后臺主頁
}
}
});
</script>
</head>
<body>
<form action="login.action" method="post">
賬號<input type="text" name="loginName"/><br/>
密碼<input type="password" name="password"><br/>
<input type="button" id="submit" value="登錄"/>
</form>
</body>
</html>
關鍵的兩句是:
var jsonUser = {loginName:loginName1, password:password1}; (1)
var strUser = JSON.stringify(jsonUser); (2)
第(1)句是組裝JSON對象,關于JSON對象的格式,建議大家到
http://www.json.org/網(wǎng)站上學習一下,要驗證你寫的JSON對象是否正確,可在
http://json.bloople.net/網(wǎng)站上驗證。上面寫的JSON對象其實是非常簡單的一種,jsonUser對象里有兩個屬性,分別是loginName和password,而表示這兩個屬性,用key-value的形式,loginName1和password1分別是接收表單中的賬號、密碼的值。
第(2)句,相當重要,通過JavaScript內(nèi)置對象JSON的stringify方法,將JSON對象轉(zhuǎn)換成字符串。因為,我們傳送給服務器端的要是JSON格式的字符串。
$.post("login!valid.action", {json: strUser}, callback, "json");
這一句,Jquery用POST方法向服務器端發(fā)送數(shù)據(jù),login!valid.action是我們要發(fā)送到的目的URI,也即直達loginAction的valid方法。而{…}是我們要發(fā)送的數(shù)據(jù)(data),{json:strUser},其實也是一個JSON對象,Key:value的形式,大家注意,我們把strUser這個json串發(fā)過去,在Action那里接收時,要接收“json”這個變量,這個變量的值就是我們發(fā)送的strUser字符串。
回調(diào)函數(shù)(callback)是指服務器端成功發(fā)回時,在JS端執(zhí)行的函數(shù)。最后一個參數(shù)“json”是返回數(shù)據(jù)類型的一種,另外,還有”text”、“xml”等。而function callback函數(shù)體的內(nèi)容,大家看完LoginAction類后,自然會明白。
好,Show一下修改后的LoginAction.java,代碼如下:
package cn.simple.action;
import java.io.IOException;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts2.ServletActionContext;
import org.apache.struts2.convention.annotation.Result;
import org.apache.struts2.convention.annotation.Results;
import org.json.JSONObject;
import cn.simple.manager.UserManager;
import cn.simple.pojo.User;
import com.opensymphony.xwork2.ActionSupport;
({
我們說過了,JS與Action互相傳送的是JSON格式的字符串,故在LoginAction里,我們定義了private String json這個成員屬性及其getter和setter方法。
大家注意,在valid方法體中,引進了org.json.JSONObject,這個類哪里來?請看:
http://www.json.org/java/index.html,這里有幾個處理JSON數(shù)據(jù)常用的類:
JSONObject.java,
JSONArray.java,
JSONStringer.java,
JSONWriter.java,
JSONTokener.java,
JSONException.java,
JSONString.java,將它們下載下來,放到項目中,如下:
或者,打成jar包,放到項目lib目錄下。我們就可以使用JSON類庫提供給我們的方法了。
網(wǎng)上有另一個JSON的類庫:json-lib,大家也可下載使用一下,不過,它要引進幾個其他的jar包,詳細請見
http://json-lib.sourceforge.net/。個人使用它的感受,也真有點郁悶,測試它時,想找一個從JSON字符串轉(zhuǎn)換成JSON對象的方法,找了半天也沒找到。不過,它對Java的Bean,Map,List等與JSONObject的互轉(zhuǎn)換做得還好。
sendMsg方法,是從Struts的Action中調(diào)用回原生Servlet的response來向瀏覽器端發(fā)送數(shù)據(jù)。
還有一點,大家應該注意到,在LoginAction中寫的valid方法返回類型是void型的,跟我們以前做的返回“success”、”input”之類的String類型不同。當我們通過“!valid”來方法它時,它不作跳轉(zhuǎn),而是像我們平時Servlet中那種直接顯示HTML類似。這一點達成了Ajax與Struts的成功交互。而網(wǎng)上許多寫jsonplugin插件使用的文章,所調(diào)用的方法都是返回String類型,然后,再來個<resulttype=”json”>,那樣感覺挺麻煩的,不如直接讓Ajax發(fā)來的請求與void類型的方法交互,不直接爽快?