jquery中文亂碼的多種解決方法_jquery

1、使用$.ajax出現的中文亂碼的解：

複製程式碼 程式碼如下:

var _realname = $("input[name='_searchName ']").val();
    var termcourseId = '';
    var classId = '';
  .do";
    //var dataUrl = "formMap.TERMCOURSE_ID=" termcourseId "&formMap.CLASS_ID=" classId "&formMap.IS_ONLINE=all&formMap.REALNAME "; type : "POST",
           url: url,
          ,          "formMap.TERMCOURSE_ID":termcourseId,
               "formMap.CLASS_ID":classId,
               "formMap.IS_ONLINE":"all",
              },
           contentType: "application/x-www-form-urlencoded; charset=utf- 8",
           success: function(data){
             "";
               $("#allUnselectedUser").html(html);
           },
           error : function(XMLHttpRequest, 🎜>           }
        });


使用dataUrl中使用的&方式提交時，不論前台是使用encodeURI或encodeURIComponent又或是escape把中文轉碼，提交到Action中都是亂碼，並不是想要的漢字這種轉後編碼。即使加上contentType也不行。

把dataUrl中的&方式提交修改為data:{name:value}的方式提交即可。

在Action中使用URLDecoder.decode(realname, "UTF-8")來轉碼即可轉換為中文了。使用UTF-8是因為Jquery的提交方式預設為UTF-8，即使把contentType中的charset修改其他，例如GBK，後台也把UTF-8修改GBK，都無法正確轉換。

jQuery ajax亂碼問題解決

一、測試環境
jQuery:1.3.2tomcat:5.5.17

二、測試方法

1.使用get方式

伺服器端java程式碼：

複製程式碼


程式碼如下:

String name = new String(request. getParameter("name").getBytes("iso8859-1"),"utf-8");客戶端js程式碼：

複製程式碼

程式碼如下:

$.ajax({url: "2.jsp",type: "get",data: {name:"中文"},success: function(response){        alert(response);}});結果：正確顯示

複製程式碼

程式碼如下:

$.ajax({url: "2.jsp",type: "get",data: "name =中文",success: function(response){        alert(response);}});結果：亂碼

結果：亂碼


結果：亂碼複製程式碼

程式碼如下:$.get("2.jsp", { name: "中文" },function(response){    alert(response);});

結果：正確顯示

複製程式碼 程式碼如下:

$.get(" 2.jsp", "name=中文",function(response){
    alert(response);
});

結果：亂碼

2.post方式
伺服器端java程式碼：

複製程式碼 程式碼如下:

程式碼如下:

程式碼如下:

程式碼如下:

程式碼如下：request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");


客戶端js程式碼：

複製程式碼 程式碼如下:

$.ajax({url: "3.jsp",type: "post", data: "method=testAjaxPost&name=中文",success: function(response){

    alert(response);
}});


結果：正確顯示

結果：正確顯示

複製程式碼 程式碼如下:

$.ajax({url: "3.jsp",type: "post ",data: {name:"中文"},success: function(response){
    alert(response);
}});

結果：正確顯示

複製程式碼 程式碼如下:

$.post("3.jsp", { name: " " },function(response){
    alert(response);
});

結果：正確顯示

複製程式碼 程式碼如下:

$.post("3.jsp", "name=中文",function(response){

 );
});


結果：正確顯示
三、使用filter




複製程式碼

複製程式碼

複製程式碼複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製碼>
程式碼如下:

public void doFilter(ServletRequest request, ServletResponse response,      q = (HttpServletRequest) request;    if (req.getHeader("X-Requested-With") != null && req.getHeader("X-Requested-With").equalsIgnoreCase("XMLHttpRequest")) { IgnoreCase("XMLHttpRequest")) { 8");    } else {        request.setCharacterEncoding("gbk");    } 🎜 >jQuery在使用ajax的時候會在header中加入X-Requested-With，值為：XMLHttpRequest，filter中判斷是jQuery的ajax請求時就把字元編碼設為utf8，這樣可以解決post提交中的中文亂碼問題，不需要在程式碼中設定request.setCharacterEncoding("UTF-8");對於get方式的中文亂碼問題，建議不使用get方式提交中文，統統改為post ^-^為了和prototype.js處理中文的方式一致，可以使用如下的方式，自訂header中的屬性RequestType複製程式碼代碼如下:$.ajax({    url: "3.jsp",    type: "post", 🎜>    type: "post",  =  data:name:""},     beforeSend: function(XMLHttpRequest){        XMLHttpRequest.setRequestHeader("RequestType", "ajax ); >    success: function(data, textStatus){        alert(data);    },    error: function(XMLHttpRequest 🎜>    }, complete: function(XMLHttpRequest, textStatus){        alert("完成：" textStatus);    } });;
filter 程式碼如下：

複製程式碼 程式碼如下：

public void doFilter請求，ServletResponse 回應，
        FilterChain 鏈）拋出IOException，ServletException {
    HttpServletRequest req = (HttpServlet ull && req.getHeader(" RequestType ").equalsIgnoreCase("ajax"))) {
        request.setCharacterEncoding("utf-8");
       }
    chain.doFilter(請求, 回應);
}