반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="../_lib/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function aa()
{ var uri = 'http://jsonplaceholder.typicode.com/users/7'; //NEW Version AJAX fetch(uri)
.then(function (response) { return response.json(); })
.then(function(data){ $.each(data, function (key, value) { if (key == 'address')
{ $("#data").append("주소 ::<br>");
$.each(value, function (i, item)
{ $("#data").append(i + " : " + item + "<br>"); }); } else if (key == 'geo')
{ $.each(value, function (key, value) { // alert(value); }); }
else if (key == 'company') { $("#data").append("회사 ::<br>");
$.each(value, function (i, item) { $("#data").append(i + " : " + item + "<br>"); }); } else { $("#data").append(key + " : " + value + "<br><br>"); } }); //console.log(data); //$("#data").text(data.text); //$("#log").html(JSON.stringify(data)); }) .catch(function(err){ //error handling network request }); } $(function () { aa(); }); </script> </head> <body> <div id="data"></div> <div id="log"></div>
</body>
</html>
'프로그래밍 > JavaScript' 카테고리의 다른 글
| JSON.stringify(), JSON.parse() 에 대해서 알아보자. (0) | 2022.07.25 |
|---|---|
| JavaScript 를 이용한 CSS 속성 변경하기 (0) | 2022.07.23 |
| [JavaScript] let, const 를 사용하는 이유? (0) | 2022.07.21 |
| Jquery callback 함수 이용해보기 (0) | 2021.10.19 |
| Ajax 기본문법 (0) | 2021.10.19 |
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="../_lib/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function aa()
{ var uri = 'http://jsonplaceholder.typicode.com/users/7'; //NEW Version AJAX fetch(uri)
.then(function (response) { return response.json(); })
.then(function(data){ $.each(data, function (key, value) { if (key == 'address')
{ $("#data").append("주소 ::<br>");
$.each(value, function (i, item)
{ $("#data").append(i + " : " + item + "<br>"); }); } else if (key == 'geo')
{ $.each(value, function (key, value) { // alert(value); }); }
else if (key == 'company') { $("#data").append("회사 ::<br>");
$.each(value, function (i, item) { $("#data").append(i + " : " + item + "<br>"); }); } else { $("#data").append(key + " : " + value + "<br><br>"); } }); //console.log(data); //$("#data").text(data.text); //$("#log").html(JSON.stringify(data)); }) .catch(function(err){ //error handling network request }); } $(function () { aa(); }); </script> </head> <body> <div id="data"></div> <div id="log"></div>
</body>
</html>
'프로그래밍 > JavaScript' 카테고리의 다른 글
| JSON.stringify(), JSON.parse() 에 대해서 알아보자. (0) | 2022.07.25 |
|---|---|
| JavaScript 를 이용한 CSS 속성 변경하기 (0) | 2022.07.23 |
| [JavaScript] let, const 를 사용하는 이유? (0) | 2022.07.21 |
| Jquery callback 함수 이용해보기 (0) | 2021.10.19 |
| Ajax 기본문법 (0) | 2021.10.19 |
