jquery ajax post 예제

기본 예제

$.post("test.jsp");

데이터를 같이 전달하는 예제

$.post("test.jsp", {name: "john", time: "10:00pm"});

배열을 parameter로 전달하는 예제

$.post("test.jsp"), {'choices[]':["john", "susan"]});

폼(form) 데이터를 전달

$.post("test.jsp", $("testform").serialize());

콜백함수를 통한 리턴 값을 얻어와 알림창 출력

$.post("test.jsp", function(data){ alert(data);});

parameter로 데이터를 전달하고 콜백으로 리턴된 결과를 알림창으로 출력

$.post('test.jsp", 
	{name:"john", time:"10:00pm"}, 
   	function(data){ 
    		alert(data);
    	});

parameter로 데이터를 전달하고 json 형태의 데이터를 리턴받아 알림창으로 출력

$.post{"test.jsp", 
	{"func": "getNameAndTime"}, 
	function(data){ 
    		alert(data.name); 
        	alert(data.time);
        }, 
	"json");

 

jQuery ajax 예제와 서버 사이드 코드

$.ajax({
	type : "POST",
	url : "http://localhost/example.do", //요청 할 URL
	data : { test:'test'}, //넘길 파라미터
	contentType: "text/plain; charset=utf-8",
	jsonp : "callback",
	dataType : "jsonp",
	withCredentials: true,
	success : function(data) {
		//통신이 정상적으로 되었을때 실행 할 내용
		if(data != null)    {
			if(data.flag == "success"){
				console.log(data.message);
			}else{
				console.log(data.message);
			}
		}

	},
	error : function(data) {
		console.log("접속 도중 오류가 발생했습니다."); //에러시 실행 할 내용
	}
});

@RequestMapping("/example.do")
public void userCheck(HttpServletRequest req, HttpServletResponse rep, HttpSession session) throws IOException{
	rep.setContentType("text/plain; charset=utf-8");
	String test = new String(ServletRequestUtils.getStringParameter(req, "test", "").getBytes("8859_1"),"UTF-8");
	String callback = ServletRequestUtils.getStringParameter(req, "callback", "");

	//중간생략

	out.println(callback+"(");    //javascript(JSON) 객체를 callback(클라이언트 callback과 이름이 동일하도록) 으로 감싸줍니다.
	out.println("{\"flag\": \"success\", \"message\": \"실행 성공.\"}");
	out.println(")");

}

 

 

 

 

 

 

 

DEV