>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 jQuery $.post $.ajax 사용법

자바스크립트 jQuery $.post $.ajax 사용법

巴扎黑
巴扎黑원래의
2017-07-03 10:32:541422검색

복잡한 $.ajax를 대체하는 간단한 POST 요청 기능입니다. 콜백 함수는 요청이 성공하면 호출될 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요.

jQuery.post(url, [data], [callback], [type]): POST 메서드를 사용하여 비동기 요청을 만듭니다


매개변수:

url(문자열): 요청을 보낼 URL 주소

데이터(맵): (선택) 서버로 보낼 데이터로, 키/값 쌍의 형태로 표현됩니다.

callback(함수): (선택) 로딩 성공 시 콜백 함수(Response의 반환 상태가 성공인 경우에만 이 메서드가 호출됩니다).

type(문자열): (선택 사항) 공식적인 설명은 다음과 같습니다. 전송할 데이터 유형입니다. 실제로 클라이언트 요청 형식이어야 합니다(JSON, XML 등).

복잡한 $.ajax를 대체하는 간단한 POST 요청 함수입니다. 요청이 성공하면 콜백 함수를 호출할 수 있습니다. 오류 발생 시 함수를 실행해야 하는 경우 $.ajax를 사용하세요. 샘플 코드:

Ajax.aspx:

Response.ContentType = "application/json";Response.Write("{result: '" + Request["Name"] + ", Hello!(이 메시지는 서버에서 옵니다. ) '}");jQuery code:
$.post("Ajax.aspx", { Action: "post", Name: "lulu" }, function (data, textStatus){ // 데이터는 xmlDoc일 수 있습니다. jsonObj , html, 텍스트 등                 // // 이; //                                                                                                                                             // 여기에서 요청 형식은 "json"으로 설정됩니다.


$.aj ax() 이는 jQuery의 기본 AJAX 구현입니다. 간단하고 사용하기 쉬운 상위 수준 구현을 보려면 $.get, $.post 등을 참조하세요.

다음은 몇 가지 Ajax
event
매개변수입니다: beforeSend, 성공, 완료, 오류. 각 Ajax 요청을 잘 처리하도록 이러한 이벤트를 정의할 수 있습니다. $.ajax({url: 'stat.php',

type: 'POST',

data:{Name:"keyun"},

dataType: 'html',

timeout: 1000,

error: function(){alert('PHP
document
로드 오류');}, success: function(result){alert(result);}

});

위 내용은 자바스크립트 jQuery $.post $.ajax 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.