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.jsvar 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'를 단숨에 공개하는 초간편 활용법! -개발 로그
Reference
이 문제에 관하여(JavaScript를 통해 API 데이터 참조), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ygotou/items/9fe3087faac11918dd57텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)