天天看点

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,我被坑惨了)进行解码。其他需要注意的地方就是,在前后台一定要使用统一的编码格式,在同一个项目中一定要统一,不然会出现各式各样的乱码问题。