jQuery - ajax()

ajax() 함수는 KEY : VALUE 형식으로 작성한다.

 

 

 

1. GET방식으로 KEY=VALUE 형식의 데이터를 보내기

$.ajax({
	type : "GET", //default get이라 생략 가능
    url : "http://localhost:8080/test?username=Lea&password=123",
    //data: 쿼리 스트링으로 데이터를 보내기 때문에 data 설정 못함
    //contentType:전송할 데이터가 없기 때문에 요청 데이터 타입을 설정하지 않아도 됨
    //dataType:"text" 응답 타입에 따라 설정 가능함 기본 text로 오기 때문에 생략 가능
})

 

결론 : 아래와 같이 작성할 수 있다. 

$.ajax({
	url:"http://localhost:8080/test?username=lea&password=123"
})

 

2. POST 방식으로 KEY=VALUE 형식의 데이터 보내기

$.ajax({
                type: "POST",
                url: "http://localhost:8080/ajax1",
                data: "username=lea&password=1234",
                contentType: "application/x-www-form-urlencoded",
                dataType: "json"
})

 

application/x-www-form-urlencoded은 POST 방식이다. 생략하면 기본 설정이 application/x-www-form-urlencoded이다. 보내는 데이터가 없을 때에도 application/x-www-form-urlencoded로 기본 설정되어있다.

 

application/json은 {key: value}의 형태로 전송하고  application/x-www-form-urlencoded는 key=value&key=value의 형태로 전송한다. 위 코드의 data 형식을 보면 = & = 형식으로 데이터를 보낸다.

 

응답 타입(dataType)은 json으로 설정했다.  JS 오브젝트 타입으로 파싱된다. JS에서 응답 받을 데이터 타입을 설정하지 않고 Java에서 response의 setContentType() 메소드로 응답 데이터를 설정해줄 수 있다. 

 

 

https://api.jquery.com/jquery.ajax/

jQuery.ajax() | jQuery API Documentation

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types

MIME 타입에 대해 공부하자. 

MIME types (IANA media types) - HTTP | MDN