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