> 웹 프론트엔드 > JS 튜토리얼 > jquery가 Ajax 기술을 구현하는 방법 1: $.ajax()

jquery가 Ajax 기술을 구현하는 방법 1: $.ajax()

黄舟
풀어 주다: 2016-12-21 15:42:14
원래의
1076명이 탐색했습니다.

Ajax 기술은 웹 개발에 있어서 매우 중요합니다. 초기 js에서는 비동기 전송 효과를 완료해야 하는 경우 브라우저를 판단하고, 가상으로 파일에 액세스하고, 모니터링하고, 반환 값을 얻는 등 매우 지루한 일련의 작업을 수행해야 합니다. 그러나 jQuery는 ajax 함수를 쉽게 구현할 수 있는 몇 가지 매우 간단한 함수를 제공합니다. 다음 몇 편의 기사에서는 이러한 기능을 하나씩 소개하겠습니다.
먼저 $.ajax를 소개하겠습니다. 이 메서드는 jQuery의 기본 AJAX 구현입니다.
일반적인 구문은 다음과 같습니다.
$.ajax([settings])//settings는 $.ajax() 메서드의 매개 변수이며 Ajax 요청을 구성하는 데 사용되는 키-값 쌍의 모음입니다.
$.ajax()에서 더 중요한 매개변수를 하나씩 소개하겠습니다.
url---요청을 보낼 주소
유형---요청 방법("POST" 또는 "GET" )
timeout---요청 시간 초과 설정(밀리초)
async---(기본값: true) 비동기 요청입니다.
데이터---전송된 매개변수는 json 유형일 수 있습니다.
dataType---반환된 데이터 유형: xml, html, json, txt
성공---함수(data,st)는 다음 이후에 반환될 수 있습니다. 성공 {}
실제 예시는 다음과 같습니다.
=================================== === ==========================
ajax.html

$.ajax 애플리케이션

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿