首頁 > web前端 > js教程 > jquery中文亂碼的多種解決方法_jquery

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

WBOY
發布: 2016-05-16 17:31:51
原創
1444 人瀏覽過

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);
});

結果:亂碼

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(請求, 回應);
}


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板