JavaScript를 통해 API 데이터 참조

2915 단어 JavaScript
첫 투고
API 사용법을 몰라서 참조 페이지를 참조하여 시행해 보았습니다.다 했어!잘 됐다!
필기까지
index.html
test.js
, Chrome의 Javascript 콘솔을 통해 확인
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>Javascriptの練習</title>
</head>
<body>
    <script src=test.js></script>
</body>
</html>
test.js
var script = document.createElement('script');

script.src = "https://randomuser.me/api?callback=jsonData"
document.body.appendChild(script);
document.body.removeChild(script);

//コールバックされたJSONデータの読み込み
function jsonData(data) {
    console.log(data);
}

콘솔 결과


각종 정보
예제)

참고 자료


번거로운 수속은 필요 없어!자바스크립트 코드로'웹 API'를 단숨에 공개하는 초간편 활용법! -개발 로그

좋은 웹페이지 즐겨찾기