jQuery中Ajax的Post提交中文乱码的解决方案


引言: 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢?
 
问题的引入:
 
  var regid = $('#oregion').combobox('getValue');
            //var sname = $('#sname').val();
            var sname = encodeURI($('#sname').val(),"UTF-8");
            if(regid!=""&&regid!='undefined'){
                $.ajax({
                    async: true,
                    type : "POST",
                    dataType : "json",         
                    url : "<%=request.getContextPath() %>/secretary/isHaSUSEr.do?regid="+regid+"&sname="+sname,
                    success : function(data) {
                        if(data.mes!=""&&data.mes!=null){
                            $.messager.alert('Warning',data.mes);
                            return false;
                        }
                    }
                });
            }
        }
 

以上的代码在FF/Chrome中,可以正常传递中文,但是在IE下,则存在问题,在后台输出的信息为乱码。
 
问题尝试办法:
 
1.  设置了  contentType: "text/plain; charset=utf-8",  问题依然存在
 
2.  重新检查了ajax代码所在的jsp页面,皆为使用utf-8,但是问题依然存在
 
3.  在后台的java代码中,强制使用utf-8、gbk、gb2312的编码转换,  问题依然存在
 
经过分析,判断其可能与浏览器或者JQuery中的内容传输有关,目前也无法准确的确定。
 
解决的办法:
 
    前段:encodeURI($(dom).val(), "UTF-8");      使用encodeURI进行编码
 

  后端Java代码: 


      URLDecoder.decode(inputStr,"UTF-8"):  后端代码针对前段传递过来的字符串,进行解码。
 
总结:
 
    最后就可以针对Ajax Post请求传递过来的字符串信息,就可以正常显示中文了。

--------------------------------------分割线 --------------------------------------

jQuery权威指南 PDF版中文+配套源代码

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍:请点这里
jQuery 的下载地址:请点这里

本文永久更新链接地址:

相关内容