ajax 통신에서 data, content-type등 질문 드립니다.

Question

간단한 사이트를 만들면서 spring연습중에 있습니다.form에 입력된 값을 ajax로 controller로 넘기는 과정에서 궁금한점이 생겨서 질문 드립니다.여태까지는 serialize나 serializeArray를 통해서 form에 입력된 값들을 사용했었습니다.지금까지만 해도 content-type은 신경도 쓰지 않았었습니다. 헌데 이번에는 스크립트 상에서 form에 입력된 값들을 직접 {fruit :{&#34;apple&#34; : {&#34;size&#34; : &#34;1&#34;, &#34;price&#34; : 5000}, &#34;banana&#34; :{&#34;size&#34; : &#34;1&#34;, &#34;price&#34; : 5000} } } 등과 같이 직접 Object를 만들어서 이를 JSON.stringify()를 통해서 ajax에 Data로 입력을 했습니다. 이 때, content-type을 &#34;application/json&#34;으로 선언을 해줘야만 에러가 안나더군요. 제가 궁금한점은 이렇습니다. serialize() 함수의 경우에는 데이터를 쿼리스트링 방식으로 바꿔주기 때문에 content-type을 &#34;application/json&#34; 으로 해주지 않아도 상관 없다는건 이해가 됩니다. 1. serializeArray()는 json object형태로 반환 되는걸로 알고 있는데 content-type을 &#34;application/json&#34;으로 선언하지 않아도 정상적으로 동작하는 이유를 알고 싶습니다. 2. 두번째는 제가 만든 Object를 JSON.stringify()를 통해서 스트링으로 만들어서 ajax에 data로 사용 했는데 왜 content-type을 &#34;application/json&#34;으로 지정을 해줘야만 에러가 안나는지가 궁금합니다.stringify()를 통해서 스트링으로 바꿔줬다면 기본 content-type으로도 정상적인 전송이 되어야 하지 않나 생각합니다. 부가적으로 controller에서 이러한 데이터를 받을때 &#64;RequestBody 어노테이션을 사용하지 않아도 mapping이 되는 경우가 있던데, 이 어노테이션을 어떤 상황에서 사용하는건지 궁금합니다.

Mambo · Answer

일반적으로 JQuery.ajax 함수는 content-type을 명시하지 않을 경우 기본값이 application/x-www-form-urlencoded; charset&#61;UTF-8 입니다. 참고 : http://fetobe.co.kr/http-protocol/ POST 라는 가정하에 data가 object일 경우 쿼리스트링 형태로 변형되어 전송되는게 맞습니다. (제 기억상으로는 그런데 아니라면 지적해주세요...)그러나 JSON.stringify로 인해 String 형태로 제공될 경우에는 변형되지 않고 그대로 전송됩니다. 서버 측에서는 application/x-www-form-urlencoded으로 헤더값이 주어지는데 데이터는 해당형식이 아니게 되므로 오류가 발생합니다. 그래서 application/json을 헤더값으로 주어 이 데이터는 JSON 형식으로 사용해라라고 요청하셔야 하는 것입니다. &#64;RequestBody는 이름에서 추측할 수 있듯이 요청바디로 주어지는 데이터를 파라미터에 바인딩 시켜달라고 명시하는 것입니다. 보통 map이나 객체를 쓰겠죠(* 위 정보가 반드시 옳은 것은 아니니 좀 더 찾아보시면 좋겠습니다.) 그리고 개인적으로 소스를 알고 싶습니다.https://github.com/kdevkr/spring-demo-ajax 에 추가하고자 하는 목적으로... 클라이언트에서 어떻게 보내고 컨트롤러 측에서 데이터를 어떻게 받아오는지 자세히 알고싶네요.

clapmin · Answer

일단 답이 많이 늦어서 죄송합니다. 정작 답변은 빠르게 달아주신거 같은데 말이죠....좋은 답변 정말 감사합니다. 이해하는데 아주 큰 도움이 됬습니다.하지만 코드는 보여드릴만한 수준이 아니라...ㅠㅠ 창피해서 보내드리기 그렇네요인터넷에 검색하면 바로 볼 수 있는 예제 수준이기 때문에 큰 도움이 되지 않을 거라고 생각됩니다...만 ㅎㅎ 어쨋듯 좋은 답변을 달아주셨다는 점에 대해서 정말 감사합니다. ^^!!!

ajax 통신에서 data, content-type등 질문 드립니다.

2개의 답변

#serializearray 목록