有時候我們需要使用ajax提交去提交form的值，這樣就需要使用serialize()去獲取form的值，但這樣獲取的值如果有中文，會亂碼，原因和解決方法如下：

原因：.serialize()自動呼叫了encodeURIComponent方法將資料編碼了 
解決方法：呼叫decodeURIComponent(XXX,true);將資料解碼 

如：

vardata=$('#addf').serialize();
data= decodeURIComponent(data,true);

這是網上的第一種常規做法，但是試了下，並不好用。

使用$（form）.serialize()獲得表單的所有資訊：

我的設定:

1 工程編碼,js,jsp,java設定為UTF-8

2 JSP頁面編碼:

　　<%@ page language="java" pageEncoding="UTF-8"contentType="text/html; charset=UTF-8"%> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>

3 JS中處理

encodeURI(encodeURI(data))  ///注意兩次編碼！！

4 Java類中處理

　　response.setCharacterEncoding("UTF-8");    //response.setContentType("text/html;charset=UTF-8"); //用於向頁面輸送中文字串java.net.URLDecoder.decode((String)request.getParameter("username"),"UTF-8");

這是網上的第二種常規做法，也是一般的jsp基礎編碼設定。感覺主要是針對get方式提交表單，而我現在實在spring mvc中使用，要讓提交的表單資訊直接繫結要物件中。

但是缺出現了中文亂碼的問題。

  原始碼：

   $.ajax({

                           url:$("#form").attr("action"),

                            data:$('#form').serialize(),// 要提交的表單

                            dataType:'json',

                            success: function(data) {

                                     if(data){

                                               artDialog.alert(data.message);

                             if(data.succeed == true){

                                      gotoView('<%=path%>/userManage/getlist.do');

                            } 

                                     }  

                            }

                        });

出現亂碼的原因是：使用ajax請求，當沒有設定請求type時，預設採用的是get請求方式。而get請求方式的亂碼處理要採用

(String)request.getParameter("username"),"UTF-8");方式對每個中文進行單獨的轉碼才能避免亂碼的問題。

解決方法：

   當使用ajax序列化提交表單時，一定要使用post請求方式提交表單，避免亂碼問題。

    $.ajax({

                            type: "POST",

                           url:$("#form").attr("action"),

                            data:$('#form').serialize(),// 要提交的表單

                            dataType:'json',

                            success: function(data) {

                                     if(data){

                                               artDialog.alert(data.message);

                             if(data.succeed == true){

                                      gotoView('<%=path%>/userManage/getlist.do');

                            } 

                                     }  

                            }

                        });