ajax 잘 아시는분 dataType관련 질문합니다.

Question

학원에서 ajax관련 설명을듣고 잘 이해가 안되어서 인터넷에 찾아보았는데요dataType을 다 &#34;json&#34;으로 설정하더라고요근데 선생님께서는 &#34;text&#34;로 설정하셨고요.보낼때 stringify이용해서 json을 string으로 바꿔서 전달한다는건 이해했는데dataType에 text를 넣는게 옳은건가요 아니면 json을 넣는게 옳은건지 잘 모르겠어서 질문드려요.json을 string화 시키니깐 dataType은 text여야 맞는것같긴한데인터넷에 올라온 코드들은 dataType을 json이라고 표기하고 있으니깐 헷갈려요.var sendData &#61; { &#34;name&#34; : &#34;june&#34;, &#34;age&#34; : 7, } $.ajax({ &#34;url&#34; : url, &#34;headers&#34; : { &#34;Content-Type&#34; : &#34;application/json&#34; }, &#34;method&#34; : &#34;post&#34;, &#34;dataType&#34; : &#34;text&#34;, &#34;data&#34; : JSON.stringify(sendData) &#34;success&#34; : function(receivedData) { console.log(receivedData); } });

woo.s.o · Answer

ajax에 dataType은 서버측에서 클라이언트로 리턴하는 데이터의 타입입니다.서버에서 클라이언트로 리턴할때 xml, json, script, text, html 양식에 따라 바꿔주는 거에요 주로 서버에서는 배열로 데이터를 보내기 때문에 json 형식이 많은거에요 서버로 보내는 타입은 header 의 Content-Type 가 보낼 데이터 타입인데default 값으로 application/x-www-form-urlencoded; charset&#61;UTF-8 타입으로 지정 평소엔 폼의 태그 형식으로 넘어갑니다.(일반적인 url 파라미터 형식)따라서 json 형태의 데이터를 주고 싶을 땐, header:{&#34;Content-Type&#34;:&#34;application/json&#34;} 을 지정 하는겁니다.

원하는곳을가자 · Answer

서버측에서 전송받는게 data JSON.stringfy(sendData) 아닌가요??그렇다면 dataType은 서버에서 return하는 타입을 미리 정한다는건가요?? 아 이해했어요 dataType은 서버에서 받을때 sendData를 어떤방식으로 받을지 정하는거라는거죠?그러면 지금 dataType을 text로 지정했는데 그러면 서버에서 받은 sendData는 json이 아니라 String아닌가요?? 너무 어렵네요..

woo.s.o · Answer

위에 설명을 잘못 했네요서버측에 전송 하는 데이터(파라미터)는 data가 맞구요헤더에 Content-Type이 전송되는 형식을 지정 하는 겁니다(어떤 패턴의 파라미터로 보내줄 것이다 라고) dataType은 서버에서 받아오는 타입의 형식을 지정하는 거구요 JSON.stringify() 메서드는 JavaScript 값이나 객체(object)를 'JSON의 문자열'로 변환하는 겁니다

원하는곳을가자 · Answer

그러면 dataType 을 text로 하면서버에서 controller에서는text로 받아들이는건가요??

woo.s.o · Answer

dataType을 text로 하시면 서버에서 보내준 데이터 receivedData를 text 타입으로 인식 하겠다는 겁니다. $.ajax({ type : &#96;http method type&#96;, url : &#96;url&#96;, data : &#96;서버에 전송할 데이터&#96;, contentType : &#34;전송할 데이터 타입&#34;, //기본 값 : &#34;application / x-www-form-urlencoded; charset &#61; UTF-8&#34; dataType : '서버로 부터 수신할 데이터 타입', //아무것도 지정하지 않으면 jQuery는 응답의 MIME 유형을 기반으로 해석을 시도 error : &#96;에러 발생시 수행할 함수&#96;, success : &#96;성공시 수행할 함수&#96; });

원하는곳을가자 · Answer

아아 이해갔어요 감사합니다.서버에서 응답하는 데이터의 형식을 지정하는게 dataType인거죠?선생님께서 전송하는 타입의 형식이라고 말씀하셔서 .. 꼬였네요..

ajax 잘 아시는분 dataType관련 질문합니다.

6개의 답변

Q&A 목록