Jquery는 라이브러리*의 한 종류로
Javascript로 작성했을 때 복잡한 코드를 비교적 간단하게 구현할 수 있도록 도와준다.
먼저 Jquery CDN을 안에 임포트한 후 작성할 수 있다.
css처럼 에서 대상을 지정한 후
$('#대상').val(); // 값 가져오기
$('#대상').hide(); // 숨기기
$('#대상').show(); // 보이기
let temp_html = <><>
$('#대상').append(temp_html); // 원하는 값을 html에 구현하기Ajax는 서버로부터 데이터를 받아올 수 있도록 요청하는 라이브러리이다.
서버에 요청을 할 때는 API라는 고유주소(?)를 이용해 받고자 하는 데이터를 지정한다.
get방식: 데이터 조회 / post방식: 데이터 생성, 변경, 삭제 (오늘은 get방식만 배웠다.)
Ajax로 데이터를 받아와 그 중 필요한 데이터를 다시 조합해 활용할 수 있다.
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/seoulair",
data: {},
success: function(response){
// 성공 시 수행할 작업
})
열정 열정 열정