웹개발

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