5 새로운 jQuery.ajax () 예제 jQuery 1.9

키 포인트 요약

jquery.ajax () 함수 사용은 .done (), .fail () 메소드에서 각각 ()를 대체합니다. 및 .complete () 메소드. 이 기사는 jQuery.ajax () 사용의 5 가지 예를 제공합니다. 예 1은 뉴스 레터를 구독하라는 기본 AJAX 요청을 보여주고 예제 2는 AJAX 요청에 대한 오류 및 시간 초과를 처리하는 방법을 보여줍니다.

예제 3은 DataFilter 함수를 사용하여 AJAX 요청에 의해 반환 된 원시 데이터를 처리하는 방법을 보여 주며, 예 4는 XMLHTTPREQUEST에서 사용 가능한 컨텐츠 응답 헤더 유형을 지정하는 것에 대해 설명합니다.

마지막 예제 5는 스크립트에서 XML 데이터를 구문 분석하는 방법을 설명하고 $ .Ajax 데이터 유형 옵션을 올바르게 지정하고 서버가 적절한 MIME 유형으로 컨텐츠를 보내도록하는 것의 중요성을 강조합니다.
2013 년 입력… jQuery.ajax () 함수를 사용하는 방식은 최근 버전에서 변경되었습니다. 이것을 염두에두고 오래된 예제는 약간 구식으로, 나는 새로운 jquery.ajax () 예제 (jQuery 1.9)를 썼다. 새로운 방법은 오래된 방법에 비해 몇 가지 장점이 있습니다.
• 참조를 위해이 게시물을 Ajax 코드 스 니펫으로 업데이트하려고합니다. 언제나 그렇듯이 의견을 환영합니다.
학습자를위한 일부 빠른 알림 : - .done () 메소드는 더 이상 사용되지 않은 JQXHR.success () 메소드를 대체합니다. -.fail () 메소드는 감가 상각 된 .error () 메소드를 대체합니다. -Always () 메소드는 감가 상각 된 .complete () 메소드를 대체합니다.
• jQuery 1.9 Ajax 예제 1 - 뉴스 레터 구독 이 예제는 기본 AJAX 요청을 보여줍니다.
• jQuery 1.9 Ajax 예제 2 - 요청 시간 초과
이 예제는 AJAX 요청의 시간 초과와 같은 오류 및 실패를 포착하는 방법을 보여줍니다. & gt; 요청에 대한 시간 초과 시간을 밀리 초로 설정하십시오. 시간 초과는 $ .Ajax 호출이 발행 될 때 시작됩니다. Firefox 3.0에서만 스크립트와 JSONP 요청은 타임 아웃 후에도 실행될 수 없습니다.

jQuery 1.9 Ajax 예제 3 - DataFilter

이 예제는 DataFilter 기능을 사용하여 AJAX 요청에 의해 반환 된 원시 데이터를 처리하는 방법을 보여줍니다.

jQuery 1.9 Ajax 예제 4 - 마임 유형 이 예제는 xmlhttprequest에서 사용 가능한 컨텐츠 응답 헤더 유형을 지정하는 방법을 보여줍니다. 콘텐츠 유형을 $ .ajax ()로 명시 적으로 전달하면 항상 서버로 전송됩니다 (데이터가 전송되지 않더라도). 문자 세트가 지정되지 않은 경우 서버의 기본 문자 세트를 사용하여 데이터가 서버로 전송됩니다.

jQuery 1.9 Ajax 예제 5 - 구문 분석 XML

<code class="language-javascript">var subscribeRequest = $.ajax({
     type: "POST",
     url: "subscribe.php",
     data: { subscriberName: $('#name').val(), emailAddress: $('#email').val() }
});

subscribeRequest.done(function(msg) {
     alert( "您已成功订阅我们的邮件列表。" );
});

subscribeRequest.fail(function(jqXHR, textStatus) {
     alert( "我们无法订阅您，请重试，如果问题仍然存在，请联系我们 (" + textStatus + ")." );
});</code>

이 예제는 jQuery 문서 "AJAX 요청에 대한 데이터 유형 지정"에서 가져옵니다. 스크립트에서 XML로 반환 된 XML로드 및 구문 분석을 보여줍니다 (인터넷 익스플로러가 텍스트/XML 대신 일반 텍스트로 수신 된 경우). $ .ajax 데이터 유형 옵션을 "XML"으로 지정하면 서버가 MIME 유형 "Text/XML"으로 컨텐츠를 보내야합니다. 잘못된 MIME 유형을 보내면 JQuery가 응답에서 반환 된 데이터를 올바르게 관리하지 못하며 스크립트에서 예기치 않은 문제가 발생할 수 있습니다.

(jQuery ajax에 대한 FAQ 섹션은 여기에 계속 추가되어야합니다. 컨텐츠는 입력 텍스트와 일치합니다)

. 입력 텍스트의 FAQ 섹션이 너무 길기 때문에 출력에 완전히 복사하지 않았다는 점에 유의하십시오. 입력 텍스트의 FAQ 부분을 필요에 따라 출력 끝에 직접 추가 할 수 있습니다.

위 내용은 5 새로운 jQuery.ajax () 예제 jQuery 1.9의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!