HTML

58일차//Ajax 댓글기능

aesup 2021. 4. 1. 00:21
728x90

*jQuery를 이용한 AJAX

1) jQuery라이브러리에 ajax모듈 존재 → 따라서 문서에 포함시키고 메소드 호출해 사용하면 OK!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

2) $.ajax() : AJAX기능을 제공하는 jQuery메소드

: 매개변수를 object 객체형식{}으로 전달(속성과 함수 설정)

- type : 요청방식 (GET/POST/PUT/PATCH/DELETE)

- url : 요청 웹문서의 url주소

- async : false(동기화요청), true(비동기화요청-기본값) => submit요청시 꼭 처리하고 이동해야하는경우 정도만 사용

- data : 전달할 변수와 설정 (1. QueryString형식, 2. Objest객체형식 {})

- dataType : 요청에대한 응답결과의 데이터형식 (HTML/XML/JSON)

- success : 정상적인 응답결과를 제공받아 처리하는 함수를 설정

: 응답결과가 자동으로 함수의 매개변수에 전달되어 저장

: 응답결과처리 - 객체를 HTML로 변경해주는 작업 [DHTML]

- error : 비정상적인 응답결과를 제공받아 처리하는 함수를 설정

: XMLHttpRequest객체가 자동으로 함수의 매개변수에 전달되어 저장

728x90