jQuery / Ajax

정의

• 서버에 데이터를 요청해서 받아오는 것, 새로고침없이 받아온다.

쓰는 이유

• 새로고침없이 GET/POST방식으로 데이터를 요청하기 때문에,

방식

• GET
  • URL에 정보를 담아서 요청한다.
  • 검색
• POST
  • 데이터를 다른 곳에 담아서 요청한다
  • 로그인

코드 예시

• jQuery 코드이다.
  • $.ajax().done()
• 버튼 클릭하면, ajax를 통해서 요청한다.
• ajax()
  • 함수안은 객체형태이다.
  • 데이터를 받아올 url입력
  • 요청방식 입력
• done()
  • 함수안에는 익명함수가 있다.
  • 익명함수의 파라미터 e는 요청이 성공했을 때, 받아온 데이터이다.
  • 요청이 성공하면, html의 content를 받아온 데이터로 바꾼다.
• fail()
  • 요청이 실패하면, 실행되는 함수
• always()
  • 요청 성공, 실패 상관없이 항상 실행되는 함수

$(".ajax-btn").on("click", function () {
  $.ajax({
    url: "https://codingapple1.github.io/hello.txt",
    type: "GET",
  }).done(function (e) {
    $(".ajax-text").text(e);
  }).fail(function () {})
    .always(function () {});
});