728x90 ajax2 Ajax로 환율 api 적용해 페이지 나타내기 이전에 만들었던 원페이지 쇼핑몰 코드에 데일리 달러-원 환율의 api를 적용해보았다. 이전 원페이지 쇼핑몰 만들기 코드 - 간단한 쇼핑몰 처음에는 Ajax 나 json 사용이 낯설었던 것이 사실이다. 하지만, 다양한 api로 실습을 반복하다보니 json의 리스트, 딕셔너리 형태도 익숙해지고, Ajax 활용도 익숙해졌다. 페이지 로딩 날짜에 해당하는 원화의 가격이 반영된다. 1. 페이지 로딩 하자마자 바로 나타날 수 있는 JQuery 2. 매일 바뀌는 환율 값을 불러올 수 있는 json 형태의 api 활용하는 Ajax JQuery document.ready : 페이지 로딩 시 바로 실행 $(document).ready(function(){ 함수이름 (); }); JQuery & Ajax : 페이지 로딩 시.. 2022. 1. 3. Ajax 기본 사용 방법 & OpenAPI 이용해 실시간 값 가져오기 Ajax 기본 사용 방법 Ajax : 비동기통신 Ajax 기본 작동 Ajax는 *JQuery를 임포트한 페이지*에서만 동작 가능하다 JQuery를 임포트 되어있지 않을 경우 Ajax 에러 메시지 Uncaught TypeError: $.ajax is not a function → ajax가 없다는 뜻 기본 Ajax 형태 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 위의 기본 형태로 Ajax를 사용한다. $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://openapi.seoul.go.kr:8088/6d4d776b466c6.. 2022. 1. 1. 이전 1 다음 728x90
