ajax 연습 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 중구 : 82 종로구 : 87 용산구 : 84 은평구 : 82 ajax 보기 http://spartacodingclub.shop/ajaxquiz/01 미세먼지 openapi http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 ajax기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ co..
Ajax 시작하기 ※절대 이해하려하지말고 갖다쓰기~~~! 크롬 개발자 도구에 다음과 같이 써보세요 참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜹니다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻 [코드스니펫] 미세먼지 OpenAPI http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 [코드스니펫] Ajax 기본 골격 $.ajax({ type: "GET", url: "여..
2주차_7(서버-클라이언트 통신 이해하기)
자바스트립트로 페이지 전환없이 서버에서 값를 받아올수 있는 방법 서버→클라이언트: "JSON"(포멧)을 이해하기 -서울시 OPNEAPI http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 -JSON(제이슨) https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com JSON은, Key:Value로 이루어져 있습니다. 자료형 Dictionary와 아주- 유사하죠 위 예제에서는 RealtimeCit..
1. let txt=$('#input-q1').val(); console.log(txt) 로 작동하는지 확인 후 if문 넣음 function q1() { let txt=$('#input-q1').val(); if(txt=='') { alert('입력하세요') } else { alert('txt') } ※. 구글링할 때 예) javascript 문자열 포함 체크 2. split과 includes 사용하기 function q2() { let txt=$('#input-q2').val(); if (txt.includes('@')) { let domain = txt.split('@',)[1].split('.')[0] alert(domain) } else { alert('이메일이아닙니다') } 3. `${txt}와..
