반응형 웹 기초/JQuery, Ajax, API3 메모장에 Open API 붙이기 전에 구성했던 링크 메모장에 API를 붙여보겠다. http://spartacodingclub.shop/post API가 웹 페이지가 로딩후 바로 실행되기 위한 코드이다. $(document).ready(function(){ listing(); }); function listing() { console.log('화면 로딩 후 잘 실행되었습니다'); } 해당 함수에 API 호출을 위한 Ajax를 붙여 넣어준다. Ajax에 API에서 가져온 카드들을 넣어주기 위한 코드를 작성했다. function listing() { $.ajax({ type: "GET", url: "http://spartacodingclub.shop/post", data: {}, success: function (response) { let.. 2021. 6. 13. Ajax & API Ajax 자바스크립트에서 페이지의 전환 없이 서버에서 값을 받아올 수 있는 방법 서버 -> 클라이언트 : JSON 이해하기 우선 JSON을 잘 정렬해서 보기 위한 크롬 확장프로그램을 설치한다. 크롬 JSON VIEWER 서울시의 오픈 API에 접속한다. 서울시 미세먼지 API -JSON은 Key : Value 값으로 이루어져 있다. - List와 Dictionary 가 결합되어 있는 모양과 유사하다. - 반복문을 적절히 이용하면 필요한 정보를 찾을 수 있을것이다. 클라이언트 -> 서버 : GET 요청 보내기 API와 GET / POST API는 은행 창구와 같다. 같은 예금 창구에서도 개인 고객이냐 기업 고객이냐에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼, 클라이언트가 요청 할 때에도, ".. 2021. 6. 12. jQuery 사용법 jQuery Library - Javascript로도 모든 기능을 구현가능 - 하지만코드가 복잡하고, 브라우저 간 호환성 문제도 고려해야해서 jQuery라는 라이브러리가 등장 - jQuery는 Javascript로 미리 작성된 Javascript 코드 jQuery 사용하기 다음은 jQuery를 import 하기 위해 필요한 주소이다. https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the.. 2021. 6. 12. 이전 1 다음 반응형
