JQuery AJAX 사용 시 한글 깨지는 현상 해결방법

웹프로그래밍을 하다보면 한글이 깨지는 현상이 종종 발생합니다.

Charset이나 URL Encode/Decode 등으로 문제가 발생하죠.

Javascript에서 encodeURI로 파라메터 값을 인코딩하고 JSP에서 Decode를 하였는데 한글이 깨지는 현상이 발생했습니다.

JQuery AJAX에서 contentType을 아래와 같이 지정하여 해결하였습니다.

 

contentType: "application/x-www-form-urlencoded; charset=UTF-8"

 

실행 코드 예

var param = "codes=" + encodeURI(JSON.stringify(codeDataJsonArray));

$.ajax({
	url: "/api/updateCode.do",
	type:"POST",
	data:param,
	timeout: 1000 * 120,
	contentType: "application/x-www-form-urlencoded; charset=UTF-8",
	success: function(result) {
		alert("저장되었습니다.");
	},
	error: function(e) {
		alert("수정 중 오류가 발생했습니다.");
	},
	timeout: 5000
});