Ext Ajax 使用encodeURI 亂碼

最近在使用ExtJs進行資料送出進行插入的時候會有亂碼，什麼都不說直接來段代碼：

// 添加點組
var addPointGroup = function(groupName)
{
	Ext.Ajax.request(
	{
		url : pg_servlet + '_addFavoriteGroup?name='
				+ encodeURI(magusEncodeURI(groupName)), method : 'POST',
		success : function(response)
		{
			loadPointGroup();
			Ext.Msg.alert('提示', '添加點組成功!');

		}, failure : function(response)
		{
			Ext.Msg.alert('提示', '添加點組失敗!' + response.responseText);
		}
	});
};
           

magusEncodeURI是内置的轉碼器，代碼如下：

magusEncodeURI = function(text)
{
	text = encodeURI(text);
	text = text.replace(/\+%/g, "%20");
	text = text.replace(/\//g, "%2F");
	text = text.replace(/\?/g, "%3F");
	text = text.replace(/\#/g, "%23");
	text = text.replace(/\&/g, "%26");
	return text;
}
           

當不使用外面一層的encodeURI時在java背景擷取到的一直是亂碼。

java背景代碼：

public String addFavoriteGroup() throws UnsupportedEncodingException
	{
		ParseParameter pp = ParseParameter.getParser();
		String name = pp.parseString("name", request).toUpperCase();
		try
		{
			fgService.addFavoriteGroup(name);
			JSONObject jo = getSuccessJSON(FavoriteGroupService.FUN_ADDFAVORITEGROUP);
			String result = jo.toString();
			response.setCharacterEncoding("utf-8");
			response.getWriter().print(result);
		}
		catch (Exception e)
		{
			e.printStackTrace();
			return null;
		}
		return TEXT;
	}
           

其中pp.parseString 代碼如下：

public String parseString(String fieldName, HttpServletRequest request)
	{
		String result = request.getParameter(fieldName);
		try
		{
			/**
			 * 将前台 encodeURI 編碼的字母解碼
			 */
			if (result != null && !"".equals(result.trim()))
			{
				result = java.net.URLDecoder.decode(result, "UTF-8");
				result = converURICode(result);
				result = result.trim();
			}
		}
		catch (UnsupportedEncodingException e)
		{
		}
		return result;
	}
           

converURICode代碼如下：

private String converURICode(String result)
	{
		// 添加URL特殊符号轉碼支援
		if (result.indexOf("%20") != -1)
		{
			result = result.replaceAll("%20", "+");
		}

		if (result.indexOf("%2F") != -1)
		{
			result = result.replaceAll("%2F", "/");
		}
		if (result.indexOf("%3F") != -1)
		{
			result = result.replaceAll("%3F", "?");
		}

		if (result.indexOf("%23") != -1)
		{
			result = result.replaceAll("%23", "#");
		}

		if (result.indexOf("%25") != -1)
		{
			result = result.replaceAll("%25", "%");
		}
		if (result.indexOf("%26") != -1)
		{
			result = result.replaceAll("%26", "&");
		}
		return result;
	}
           

converURICode代碼的作用和為了解析magusEncodeURI代碼的。

使用上面的一套方式完全可以保證傳遞過來的參數不是亂碼了(這個前提是有要求的，你的html或者jsp檔案要設定編碼格式，或者設定對應filter，要編碼格式強轉)。

下面說明一下這段代碼要注意的地方：

在專遞參數的時候要經過兩次encodeURI,并且送出的方式最好使用POST，get方式可能會有意想不到的亂碼問題。在前端使用什麼樣的轉碼在背景都要使用相同的解碼方式，對應magusEncodeURI和converURICode，并且經過java.net.URLDecoder.deocde（這個地方要特别注意，網上有很多的例程寫的是java.net.URIEncoder.encode，我被坑慘了）進行解碼。其他需要注意的地方就是，在前背景一定要使用統一的編碼格式，在同一個項目中一定要統一，不然會出現各式各樣的亂碼問題。