ajax에 관한 질문 async, await , prmise

Question

안녕하세요. ajax post타입으로 데이터를 서버쪽으로 호출할 때 2가지 케이스에 관한 질문이 있습니다.첫번 째 테이스 var params &#61; { 'content': option.msg, 'roomId': option.roomId, } $.ajax({ type: 'post', url: &#34;/chat/insert&#34;, data: params, success: function (data) { // 결과 성공 콜백함수 console.log(&#34;data&#34;, data) }, error: function (request, status, error) { // 결과 에러 콜백함수 console.log(&#34;error&#34;, error) } })-> 문제 없이 동작합니다. 서버에서 vo객체로 chat.Getcontent, chat.GetRoomId의 값을 받을 수 있습니다.문제는 제가 promise객체를 활용하여 이걸 async, await으로 만들어야 합니다.그래서 코드는 var params &#61; { 'content': option.msg, 'roomId': option.roomId, } await chatInsertAjax(params); //생략 function chatInsertAjax(params) { return new Promise(function(resolve, reject){ // promise 정의 $.ajax({ type : 'post', url: &#34;/chat/insert&#34;, async: true, //비동기 여부 data: params, dataType: &#34;JSON&#34;, //응답받을 데이터 타입 (XML,JSON,TEXT,HTML,JSONP) timeout: 10000, //타임 아웃 설정 (1000 &#61; 1초) contentType: &#34;application/json; charset&#61;utf-8&#34;, //헤더의 Content-Type을 설정 success : function(data) { // 결과 성공 콜백함수 resolve(data); console.log(&#34;data&#34;, data) }, error: function (request, status, error) { // 결과 에러 콜백함수 console.log(&#34;error&#34;, error) reject(error); } }); }); }; 이렇게 됩니다. 하지만 서버에서 값을 받지 못합니다. 알아보니, javascript에서 데이터를 json타입으로 서버쪽으로 보낼 땐 json.stringfy로 문자열로 만들어 보내고, 서버에서는 JSONObject jsonObject &#61; new JSONObject(jsonPayload.toString()); 이런식으로 문자열파싱을 해서 제이슨 객체로 만들고 뭐 이런작업을 해야 한다고 합니다. 실제로 해보진 않았습니다.여기서 궁금한건, 같은 ajax의 post type으로 같은 데이터형식의 데이터를 보냈는데 왜 첫번째는 vo객체로 받을 수 있고 두번째는 vo객체로 받을수가 없는지 궁금합니다.글을 읽어주셔서 감사합니다.

냥냥가면 · Answer

애초에 프로미스를 쓰는데 그 안에 ajax는 왜 쓰는건가요?

MungGaeDev · Answer

Jquery를 버릴 시기입니다.전체를 설명드리긴 내용이 많이.. 길고, 참고 할만한 글 링크 남깁니다.Ajax - thenhttps://hongpage.kr/62fetch - then --> async/await https://chanhuiseok.github.io/posts/js-6/

장독깨기 · Answer

1번과 2번이 컨텐트 타입이 다르잖아요.1번처럼 지정 하지 않으면 디폴트로 application/x-www-form-urlencoded 일 겁니다.2번을 1번과 똑 같이 맞춰서 해보시구요, json 으로 받을 거면 그에 맞게 받아야 합니다.이건 검색해서 자세히 알아 보는게 좋겠습니다.async, await, promise, ajax, fetch 뭐 이런거와 아무런 상관 관계가 없겠죠.

에르딘트 · Answer

jquery deferredjQuery로 할꺼면 이런거 써요~옛날옛날에 Promise 객체가 없을 때 쓰던거에요~

ajax에 관한 질문 async, await , prmise

4개의 답변

#await 목록