단감의 정보공유/IT&AI
ajax 통신으로 json 형식 불러온 후 string 으로 변환
단감이:)
2019. 1. 22. 09:44
서버에서 data를 json 형식으로 받아와서 html화면단에 출력하고 싶을 때
jQuery함수중에 JSON.stringify() 함수를 사용하면 아주 간단하다.
$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ console.log(json) } });
위 코드를 사용해보면 웹브라우저 console창에 [object][object]로 표시될 것이다.
이걸
$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ var data = JSON.stringify(json); console.log(data); } });
요론식으로 바꿔서 다시 console.log를 찍어보면
string으로 바껴서 출력되는 json 데이터를 볼 수있다.
이걸 html단에 출력시킬려면
<div id="jsonCall"></div>
html 단에서 div를 생성해주고 id값을 부여한다.
그리고 ajax통신 부분에서 id값에 text로 출력시키면 끝
$.ajax({ url:"RESTful", dataType:"JSON", success:function(json){ var data = JSON.stringify(json); $("#jsonCall").text(data); } });
$("#jsonCall").text(data); 에서 굳이 text()를 사용안해도 된다. html()을 사용해도 상관없다.
반응형