ajax로 값을 가져올때 키,밸류값이 {key :'??'} 출력되는현상

Question

안녕하세요 가입하고 첫 질문을 하게 되었네요.국비학원을 다니면서 백앤드 공부하고 있는 2.5개월차 학생입니다.현재는 스프링부트 전자정부로 공부중이지만 이제까지 배웠던 스프링 3 버전 로그인, 회원가입,게시판 등을 구현 하려고 공부중 인데요. 로그인 검증 구현중에 DB에 값과 입력받은 아이디 비밀번호 일치하는지 확인하고 세션 부여까지는 배운데로 구현이 가능했는데 추가적인 기능을 더 넣어볼려고 작업중인데 ajax 성공시에 다른 ajax를 추가로 연계해서 나타내고 싶은데 데이터를 가져올때 키,벨류값이 {mname : '??' } 이런식으로 벨류값이 제대로 오지 않더라구요 . 몇일간 미친듯이 여러 조건을 넣어보고 돌려보고 테스트 했지만 도저히 혼자서는 안될 것 같아 질문을 올리게 되었습니다ㅠㅠ rest컨트롤러 부분에서는 첫번째 ajax는 postmapping 사용한거구요 . (구현됨)위에 success : 시 추가로 밑에 작업을 진행 하려 했구요. 두번째 ajax는 getmapping으로 mname값만 가져와서 로그인 성공시에 alert ( mname&#43;&#34;님 어서오세요&#34;) 이런느낌으로 넣어 볼려구 했는데 자꾸 {mname : '??' } 이런식으로 출력이 되서 힘드네요..jsp에서는 쉽게 ${mname} 이나 세션스코프나 쉽게 구현이 가능한데 일부러 alert 창에 구현할려고 하니 왜 안되는지 모르겠어요 선배님들에 도움이 필요로 합니다ㅠㅠ!! 미리 감사합니다!String mname &#61;(String) session.getAttribute(&#34;mname&#34;); json.put(&#34;mname&#34;,mname)리턴 ResponseEntity.ok(json.toString()); 으로 던지구요자바스크립트문 입니다.$(function() { $(&#34;.login&#34;).click(function() { let id &#61; $(&#34;#id&#34;).val(); let pw &#61; $(&#34;#pw&#34;).val(); $.ajax({ url : &#34;./checkID&#34;, type : &#34;post&#34;, dataType:&#34;json&#34;, async : false, // 이부분도 ajax 2개 연계가 안되서 혹시나 바꿔보았습니다. data : { &#34;id&#34; : id, &#34;pw&#34; : pw }, success: function(data) { if(data.result &#61;&#61;&#61; 1) { // 일반적으로 위에 ajax문장 까지는 문제 없이 잘 출력이 되었고 //2번째 ajax 위에 ajax 성공시에 추가로 ajax를 연계 할랬더니 자꾸 오류가 나네요 .$.ajax({ url : &#34;./name&#34;, type : &#34;get&#34;, dataType:&#34;json&#34;, async : false, // 혹시나 해서 동기 부분도 바꿔 보았구요. success: function(data) {const name &#61; data.mname; //일부로 변수에도 담아서 출력해보았구요console.log(&#34;안녕&#34;);console.log(data); // {mname:'??'} 이렇게출력됨console.log(name); // ?? 이렇게 출력됨},//3번째 /// 2번째 ajax가 자꾸 키 ,벨류값을 출력을 제대로 못해서 fetch 문장으로도 바꿔서 해봤구요. fetch('./name') .then(response &#61;> { return response.json() }) .then(data &#61;> { const mname &#61; data.mname; console.log(&#34;Received mname:&#34;, mname); 결과값은 ?? 물음 입니다 }) .catch(error &#61;> { console.error(&#34;Error fetching data:&#34;, error); }); } else { alert(&#34;아이디와 비밀번호가 틀렸습니다.&#34;); location.href &#61; &#34;./login&#34;; } }, error: function(request,status,error) { alert(&#34;서버 오류가 발생했습니다.&#34;&#43;error); } }); });});

roggue2 · Answer

그건 아마도 톰켓 서버에 get방식으로 값이 넘어올 때 utf-8설정이 안되어 있으셔서 그러신 걸로 보여집니다.참조 : https://blog.naver.com/baekmg1988/221302236018

ajax로 값을 가져올때 키,밸류값이 {key :'??'} 출력되는현상

1개의 답변

기술 목록