Jquery 중국어 왜곡 문자에 대한 다양한 솔루션

Jquery 중국어 왜곡 문자에 대한 다양한 솔루션_jquery

WBOY

풀어 주다： 2016-05-16 17:31:51

원래의

1440명이 탐색했습니다.

1. $.ajax를 사용하여 중국어 왜곡 문자로 변환:

코드 복사 코드는 다음과 같습니다.

var _realname = $("input[name ='_searchName ']").val(); 
 var termcourseId = '<%=termid%>'; 
 var classId = '<%=classid%>'; 
 var url = " /addressbook/studentListNoPage.do"; 
 //var dataUrl = "formMap.TERMCOURSE_ID=" termcourseId "&formMap.CLASS_ID=" classId "&formMap.IS_ONLINE=all&formMap.REALNAME=" 
 $. ajax({ 
 유형: "POST", 
 url: url, 
 dataType: "json", 
 data: { 
 termcourse "formMap.TERMCOURSE_ID": Id, 
 " formMap.CLASS_ID" :classId, 
 "formMap.IS_ONLINE":"all", 
 "formMap.REALNAME":encodeURI(_realname) 
 " -www-form-urlencoded=utf-8" , 
    success: function(data){ 
     data = eval(data); 
    var html = ""; html(html ); dataUrl의 & 메소드는 프런트엔드가 encodeURI 또는 ​​encodeURIComponent를 사용하거나 중국어 트랜스코딩을 위해 이스케이프를 사용하는지 여부에 관계없이 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 잘못된 코드 문제 해결
1. 테스트 환경
jQuery:1.3.2

tomcat:5.5.17
테스트 방법1. 🎜>서버 터미널 java 코드:

코드 복사

코드는 다음과 같습니다.

문자열 이름 = new String(request.getParameter("name").getBytes("iso8859-1"),"utf-8");

클라이언트 js 코드: 코드 복사

코드는 다음과 같습니다.

$.ajax({url: "2.jsp",type: "get ",data: {이름:" 중국어"},success: function(response){
Alert(response);

}});결과: 올바른 표시

코드 복사

 코드는 다음과 같습니다.

$.ajax({url: "2.jsp" ,type: "get",data: "name = Chinese",success: function(response){
Alert(response);

}});결과: 잘못된 코드

코드 복사

 코드는 다음과 같습니다.

$.get("2.jsp" , { 이름: "중국어" },function(응답){
경고(응답);

});
결과: 올바르게 표시됨

코드 복사 코드는 다음과 같습니다.

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

결과: 잘못된 코드

2.post 방식
서버측 자바 코드:

코드 복사 코드는 다음과 같습니다.

 
request.setCharacterEncoding("UTF-8"); 
문자열 이름 = request.getParameter("name");

클라이언트 js 코드:

코드 복사 코드는 다음과 같습니다.

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

결과:

코드 복사 코드는 다음과 같습니다.

$.ajax({url: "3.jsp",type: "post ",data: {name:"中文"},success: 함수(응답){
 경고(응답);
}});

 

결과: 올바른 표시

코드 복사 코드는 다음과 같습니다.

$. post("3.jsp", { name: "중국어 " },function(response){
 Alert(response);
});

결과: 올바르게 표시됨

코드 복사 코드는 다음과 같습니다.

$.post("3.jsp", "name=中文",function(response){
 Alert(response ; >
 코드는 다음과 같습니다.

public void doFilter(ServletRequest request, ServletResponse response,
FilterChain 체인)은 IOException, ServletException을 발생시킵니다. {
HttpServletRequest req = (HttpServletRequest) request;
if (req.getHeader("X-Requested-With") != null && req.getHeader("X-Requested-With ").equalsIgnoreCase("XMLHttpRequest")) {

request.setCharacterEncoding("utf- 8"); } else { request.setCharacterEncoding("gbk"); } chain.doFilter(request, response);}

jQuery가 ajax를 사용할 때 값은 XMLHttpRequest입니다. 이는 jQuery의 ajax 요청이며 문자 인코딩은 utf8로 설정됩니다. 이렇게 하면 게시물 제출 시 중국어 문자가 깨지는 문제를 해결할 수 있습니다. 코드에서 request.setCharacterEncoding("UTF-8")을 설정할 필요가 없습니다.
get 메소드에서 중국어 문자가 깨져 나오는 문제는 get 메소드를 사용하여 중국어를 제출하지 않고 대신 게시하는 것이 좋습니다. ^-^

 프로토타입 방식과 일관성을 유지하기 위해서입니다. Node.js가 중국어를 처리하는 경우 다음 방법을 사용하여 헤더의 RequestType 속성을 사용자 정의할 수 있습니다

코드 복사

 코드는 다음과 같습니다.

$.ajax({
url: "3.jsp",
유형: "post",
data: {name:"中文"},

beforeSend: function(XMLHttpRequest){ XMLHttpRequest.setRequestHeader("RequestType", "ajax"); Alert("Start"); }, 성공: function(data, textStatus){ 경고(데이터); },

오류: 함수(XMLHttpRequest, textStatus, errorThrown){

경고("오류: " textStatus);
},
완료: 함수 (XMLHttpRequest, textStatus){
Alert("Complete:" textStatus);
}
});

filter代码如下：

复aze代码代码如下:

public void doFilter(ServletRequest 요청, ServletResponse 응답,
        FilterChain 체인) throws IOException, ServletException {
    HttpServletRequest req = (HttpServletRequest) request;
    if (req.getHeader("RequestType") != null && req.getHeader("RequestType) ").equalsIgnoreCase("ajax"))) {
        request.setCharacterEncoding("utf-8");
    } else {
        request.setCharacterEncoding("gbk");
    }
    chain.doFilter(요청, 응답);
}