Ext Ajax 使用encodeURI 乱码

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

原文链接:https://www.f2er.com/ajax/163250.html

猜你在找的Ajax相关文章