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

WBOY
풀어 주다: 2016-05-16 17:31:51
원래의
1404명이 탐색했습니다.

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(요청, 응답);
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿