웹개발
JQuery / Fetch 와 JSON
코드닭
2024. 3. 18. 17:20
JQuery : Javascript를 편하게 사용하기 위해 만들어진 라이브러리
○toggle = 켜고 끄기 동작
ex) <script> 안에 function 함수작성 (function ...) , <button> 에 onclick 작성(<button onclick ="..."), <div>의 id값을 가져와 .toggle()
○데이터 생성
ex)버튼을 눌러 데이터 넣기
script 안에 function ... 함수 작성, <button onclic ="...">, let ☆ ☆ ☆ = $('#id값').val(); (val=변수) ,
let temp_html = `<div = id값> ... </div>` 에서 div 안의 ☆ ☆ ☆ 지정 ${# ☆ ☆ ☆},
`닫고 $('#...').append(temp_html);
JSON : 서버에서 클라이언트로 데이터를 보낼때 사용 양식
Key:value로 이루어저 자료형Dictionary와 유사함
○GET 요청 :데이터 조회를 요청 할때. ex)목록 보기
○POST 요청 : 데이터 생성, 변경, 삭제를 요청할떄. ex)가입, 수정, 탈퇴...
FETCH
fetch("url").then(res => res.json())
.then(data => {
})
위에 url 에서 가져온 JSON은 자료형Dictionary와 유사해서
조건문,반복문과 같은 방식으로 사용가능
ex) foreeach , if else