Jquery는 라이브러리*의 한 종류로
Javascript로 작성했을 때 복잡한 코드를 비교적 간단하게 구현할 수 있도록 도와준다.
먼저 Jquery CDN을 <head></head>안에 임포트한 후 작성할 수 있다.
css처럼 <body>에서 대상을 지정한 후 <script>에서 원하는 동작을 명령한다.(?)
대상 지정은 id="" 로 할 수 있는데, class와 다르게 한 대상만 지정할 수 있다.
$('#대상').val(); 값 가져오기
$('#대상').hide(); 숨기기
$('#대상').show(); 보이기
let temp_html = <><>
$('#대상').append(temp_html); 원하는 값을 html에 구현하기
Ajax는 서버로부터 데이터를 받아올 수 있도록 요청하는 라이브러리이다.
서버에 요청을 할 때는 API라는 고유주소(?)를 이용해 받고자 하는 데이터를 지정한다.
get방식: 데이터 조회 / post방식: 데이터 생성, 변경, 삭제 (오늘은 get방식만 배웠다.)
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/seoulair",
data: {},
success: function(response){
여기에서 필요한 작업을 수행한다.}
})
Ajax로 데이터를 받아와 그 중 필요한 데이터를 다시 조합해 활용할 수 있다.
'Today I Learned' 카테고리의 다른 글
| 서버 (Flask프레임워크) (0) | 2022.02.23 |
|---|---|
| 크롤링(스크래핑)과 MongoDB (0) | 2022.02.18 |
| 처음 배우는 Python (0) | 2022.02.18 |
| 오늘의 깨달음 (2) | 2022.02.16 |
| CSS selector (중 기본선택자) (0) | 2022.02.15 |