[개발일지] jQuery + Ajax 시작, JSONveiw 설치, 연습하기

Ajax 시작하기

*참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다.

 

 

1. 크롬 확장프로그램 JSONveiw 설치하기

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko

 

 

2. Ajax 기본 골격

$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},
  success: function(response){
    console.log(response)
  }
})

 

고양이 OpenAPI

https://api.thecatapi.com/v1/images/search

강아지 OpenAPI

https://api.thedogapi.com/v1/images/search%EF%BB%BF

 

 

3, jQuery img src 변경방법

<img id="img_id"> // 이미지에 id 적용

$('#img_id').attr("src",imgurl);

 

 

4. 로딩 하자마자 실행해라

$(document).ready(function () {
    함수();
});