ajax表单提交使用serialize()方法解决中文乱码

来源：http://blog.csdn.net/lijian_89/article/details/50703860
如下为表单提交代码：
[javascript] view plain copy

createXMLHttpRequest();  xmlHttp.onreadystatechange=callback;  var url="registercheck?userName="+userName+"&password="+pass+"&realName="+realName+"&sex="+sex+  "&birthday="+date+"&id="+id+"&email="+email+"&tel="+tel+"&address="+address+"&checkstr="+checkstr;  xmlHttp.open("post",url);  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");  

其中realName和address可能是中文字符串，提交到servlet插入数据库时发现变成乱码，网上搜索一番，有网友提到对url进行两次编码：
[javascript] view plain copy

url=encodeURI(encodeURI(url));  

再在servlet进行解码还原：
[java] view plain copy

realName=java.net.URLDecoder.decode(realName, "UTF-8");  

即可解决问题。
最近做了一个暂存功能，需要无刷新的表单提交，然后我用ajax的表单提交。在使用ajax提交form值的时候，需要使用serialize()去获取form的值。但是在这样获取过程中，中文就会产生乱码。serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。由于做的这个form表单要提交的内容比较多，所以用前段编码，后台解码的方式。

   前段代码  encodeURI(encodeURI(data)) ///注意两次编码！！          后台代码

[java] view plain copy

response.setCharacterEncoding("UTF-8"); //response.setContentType("text/html;charset=UTF-8"); //用于向页面输送中文字符串 java.net.URLDecoder.decode((String)request.getParameter("username"),"UTF-8");         不适用这么做要累死人。那么就从重写jquery编码的方式考虑。

[javascript] view plain copy

function doSubmit(){      $.ajax({              type: "POST",              url:"XXX.do",                  data:$('#form').serialize(),              error: function(request) {              alert("发送请求失败！");              },               success: function(data) {               }          });         }  

重写jQuery编码的方法

[javascript] view plain copy

jQuery.param=function( a ) {        var s = [ ];        var encode=function(str){            str=escape(str);            str=str.replace(/%20/g,"%u002B");            return str;        };        function add( key, value ){            s[ s.length ] = encode(key) + '=' + encode(value);        };        // If an array was passed in, assume that it is an array        // of form elements        if ( jQuery.isArray(a) || a.jquery )            // Serialize the form elements            jQuery.each( a, function(){                add( this.name, this.value );            });        // Otherwise, assume that it's an object of key/value pairs        else            // Serialize the key/values            for ( var j in a )                // If the value is an array then the key names need to be repeated                if ( jQuery.isArray(a[j]) )                    jQuery.each( a[j], function(){                        add( j, this );                    });                else                    add( j, jQuery.isFunction(a[j]) ? a[j]() : a[j] );        // Return the resulting serialization        return s.join("&").replace(/%20/g, "+");    }