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
$(document).ready(function( ) {
$('#bot_1').click(function(){
$.ajax({
) 유형: "POST",
url: "ajax.php",
데이터: {web:"mysql100"},
성공:function(data, st){$("div").html( 데이터) ;}
; 🎜>