Ext Ajax 使用encodeURI 乱码

最新推荐文章于 2021-01-20 21:11:52 发布

洪小灯

最新推荐文章于 2021-01-20 21:11:52 发布

阅读量5.7k

点赞数

分类专栏： js 文章标签： Extjs 乱码

本文链接：https://blog.csdn.net/u012251421/article/details/46532175

版权

js 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

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