jquery로 ajax 통신하기 - 크로스도메인문제 해결을 위한 JSONP

2012. 12. 13. 19:14Development/[Jquery] 제이쿼리

728x90

자바스크립트 함수 부분


 
function maelong() {
$.ajax({
	    url : "http://ajax를 처리할 서버주소/처리하는 페이지",
         dataType : "jsonp",
	    jsonp : "callback",
	    data : $("#html에서 값들을 감싼 form의 id값").serialize(),
	    contentType : "application/x-www-form-urlencoded;charset=UTF-8",
	    success : function(d){
	      // 성공시 콜백함수 
	    }
});
}

}


serialize -> jquery에서 알아서 form안의 값들을 직렬화하여 담아준다.


또다른 예시

 
$.ajax({
		type : "POST",
		url : "호출주소",
		data : {    키1:'값1', 키2:'값2'  },
		contentType: "application/데이터타입; charset=euc-kr혹은 utf-8",
		jsonp : "callback함수",
		dataType : "jsonp", 	
		success : function(data) {
                // 성공시 콜백함수 
		},
		error : function(data) { 
                 // 에러시 콜백함수 
		}
	});

}

});

728x90