📌 PLAN (~2/5)
- 웹개발 종합반 강의 2회독 완료 → Velog 기술 블로그 정리까지 (2주차/총 5주차) (~1월/25일)
- GIT & GITHUB 이해 및 사용법 숙달(1회 완료/총 5회)
- 코딩테스트 맛보기 (Aft)
- 토이프로젝트 맛보기 (Aft)
📌 WHAT TODAY?
jQuery, Ajax, Api 공부 회고시작(2주차)
Front-DAY 2 : javascript와 더불어 jQuery와 Ajax 숙달하기
강좌 : https://spartacodingclub.kr/online/web 웹개발 종합반_스파르타코딩클럽
$('#ID값').val();
#ID값이 가리키는 곳의 값을 가져오세요.
let temp_html = `<button>버튼 추가!</button>`;
$('#ID값').append(temp_html);
#ID값이 가리키는 곳에 버튼을 추가한다.
클라이언트→서버 : 요청 타입
- GET : 안에 있는 데이터를 조회(read)할 때 씀, 데이터 변경 및 수정 불가
- POST : 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
ex) 회원가입, 회원탈퇴, 비밀번호 수정
$.ajax({
type: "GET", // GET 방식으로 요청한다.
url: "http://spartacodingclub.shop/sparta_api/seoulair",
data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요)
success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음
console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성
}
})
- Ajax 기본골격