jquery 중국어 난 장 판 의 다양한 해결 방법
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="+_realname;
$.ajax({
type: "POST",
url: url,
dataType:"json",
data: {
"formMap.TERMCOURSE_ID":termcourseId,
"formMap.CLASS_ID":classId,
"formMap.IS_ONLINE":"all",
"formMap.REALNAME":encodeURI(_realname)
},
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success: function(data){
data = eval(data);
var html = "";
$("#allUnselectedUser").html(html);
},
error : function(XMLHttpRequest, textStatus, errorThrown){
alert(textStatus);
}
});
그 중에서 dataUrl 의&방식 으로 제출 할 때 프론트 데스크 가 encodeURI 나 encodeURIComponent 를 사용 하거나 escape 가 중국 어 를 바 꾸 어 Action 에 제출 하 는 것 은 모두 어 지 러 운 코드 입 니 다.원 하 는%e6%b1%89%e5%ad%97 이 아 닙 니 다.콘 텐 츠 타 입 까지 넣 어도 안 돼.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.2tomcat:5.5.17 2.테스트 방법 1.get 방식 서버 쪽 자바 코드 사용:
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 방식 서버 쪽 자바 코드:
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){
alert(response);
});
결과:정확 한 표시 3,filter
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws 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 를 사용 할 때 header 에 X-Requested-With 를 추가 합 니 다.값 은 XML HttpRequest,filter 에서 jQuery 의 ajax 요청 이 라 고 판단 할 때 문자 인 코딩 을 utf 8 로 설정 합 니 다.그러면 post 에서 제출 한 중국어 코드 문 제 를 해결 할 수 있 습 니 다.코드 에 request.setCharacterEncoding("UTF-8")을 설정 하지 않 아 도 됩 니 다.get 방식 의 중국어 난 코드 문제 에 대해 get 방식 으로 중국 어 를 제출 하지 않 고 모두 post^-^prototype.js 와 중국 어 를 처리 하 는 방식 이 일치 하도록 다음 과 같은 방식 으로 header 의 속성 RequestType
$.ajax({
url: "3.jsp",
type: "post",
data: {name:" "},
beforeSend: function(XMLHttpRequest){
XMLHttpRequest.setRequestHeader("RequestType", "ajax");
alert(" ");
},
success: function(data, textStatus){
alert(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown){
alert(" :" + textStatus);
},
complete: function(XMLHttpRequest, textStatus){
alert(" :" + textStatus);
}
});
filter 코드 를 다음 과 같이 사용자 정의 할 수 있 습 니 다.
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) 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(request, response);
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.