ajax8 2-10 Quiz_Ajax 연습하기_API를 이용하여 이미지/텍스트 바꾸기 메인코드: 이미지 바꾸기 : $("#아이디값").attr("src", 이미지URL); 텍스트 바꾸기 : $("#아이디값").text("바꾸고 싶은 텍스트"); 르탄이 나와 버튼을 누를때 마다 이미지와 텍스트가 랜덤으로 변함 완성코드 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 르탄이! 2022. 5. 14. 2-9 Quiz_Ajax 연습하기_ OpenAPI이용 (서울따릉이 현황) 실시간 따릉이 현황을 테이블 형식으로 아래 표에 추가. 완성코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 하면서 주의할 부분: 처음에 row를 출력할때 response를 쓰지 않았음 let rows = ['getStationList']['row'];(x) let rows = response['getStationList']['row']; (o) 반복문에서 for (let i = 0; i 2022. 5. 14. 2-8 Ajax 연습 _ jQuery + Ajax 조합 (+ if 조건문) 2-7에서 만든 Ajax jQuery 와 연결하기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 + if 조건문 미세먼지 수치가 60이상인곳은 빨갛게 보이기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 2022. 5. 14. 2-7 Ajax 시작하기 Ajax? ✔️ Asynchronous Javascript And XML 브라우저에서 엔터를 치는것과 같이 자바스크립트에서 서버를 요청하는것. Ajax는 jQuery를 임포트한 페이지에서만 동작 가능 : 그래서 jQuery가 임포트 되어있지 않은 http://google.com/ 과 같은 화면에서 개발자도구를 열면, Uncaught TypeError: $.ajax is not a function(ajax라는 게 없다)는 에러가 뜸. ✔️ 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 코드해설: type: "GET" GET 방식으로 요청한다. url: "".. 2022. 5. 14. 이전 1 2 다음
