Develop

[ajax] 샘플 코드와 한글처리에 대한 간단한 설명

by hooni posted Apr 23, 2013
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
[오픈백과 설명]

- AJAX 자동완성 기능 구현하기
http://kin.naver.com/open100/db_detail.php?d1id=1&dir_id=10501&eid=bnoFOYuOCAHaC9zg1ySe/KnztD5vcUnq

- AJAX 강의 JSDoc을 이용한 자바스크립트 다큐먼트 생성하기
http://kin.naver.com/open100/db_detail.php?d1id=1&dir_id=10501&eid=++6qMpQdZ4r8ZJsxmM22SrR6egbjRcNE

- AJAX 강의 동적으로 리스트 박스 로딩하기
http://kin.naver.com/open100/db_detail.php?d1id=1&dir_id=10501&eid=9/kpxXoUVBIYgBpEevFj5PQLOYdBsfpb


[요약한 내용]

XMLHttpRequest 는 전송시
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

위에 처럼 euc-kr이 지정되어 있더라도 설정된 인코딩을 사용하지 않는다
따라서 한글일 경우 자바스크립트에서 직접 인코딩을 해주어야 한다

자바스크립트에서는 escape()와 encodeURIComponent() 를 지원해주고 있는데
escape는 유니코드로 encodeURIComponent는 UTF-8로 인코딩할 수 있다

[보내는 쪽의 코드 예제]
var param = "args="+encodeURIComponent($('args').value);

[받는 쪽의 코드 예제]
request.setCharactorEncoding("utf-8");

request.getParameter("args");

이렇게 보내는쪽과 받는 쪽 모두 인코딩을 동일하게 UTF-8로 전송하는 경우

한글이 깨지지 않으며 Get,Post 방식 모두 동일하게 처리한다.