>웹 프론트엔드 >JS 튜토리얼 >제이쿼리 아약스를 사용하는 방법

제이쿼리 아약스를 사용하는 방법

(*-*)浩
(*-*)浩원래의
2019-06-01 16:01:373013검색

ajax() 메서드는 HTTP 요청을 통해 원격 데이터를 로드합니다.

제이쿼리 아약스를 사용하는 방법

이 메서드는 jQuery의 기본 AJAX 구현입니다. 간단하고 사용하기 쉬운 상위 수준 구현을 보려면 $.get, $.post 등을 참조하세요. $.ajax()는 생성된 XMLHttpRequest 객체를 반환합니다. 대부분의 경우 유연성을 높이기 위해 덜 일반적으로 사용되는 옵션을 조작해야 하는 경우가 아니면 이 기능을 직접 조작할 필요가 없습니다.

가장 간단한 경우에는 $.ajax()를 매개변수 없이 직접 사용할 수 있습니다.

참고: 모든 옵션은 $.ajaxSetup() 함수를 통해 전역적으로 설정할 수 있습니다.

Syntax

jQuery.ajax([settings])//  发请求并且能得知成功还是失败。

설정, 선택사항. Ajax 요청을 구성하는 데 사용되는 키-값 쌍 모음입니다. 모든 옵션의 기본값은 $.ajaxSetup()을 통해 설정할 수 있습니다.

type: "POST" 또는 "GET"을 입력하세요. 기본값은 "GET"입니다.

url: 요청을 보낼 주소입니다.

data: 요청과 함께 서버로 전송되는 데이터와 함께 개체입니다.

ataType: 서버에서 반환할 것으로 예상되는 데이터 유형입니다. 지정하지 않으면 jQuery는 HTTP에 포함된 MIME 정보를 기반으로 자동으로 지능적인 판단을 내립니다. 일반적으로 "json"으로 설정할 수 있는 json 번호를 사용합니다.

success: 요청 성공 후 콜백 함수인 메소드입니다. 반환된 데이터와 성공 코드가 포함된 문자열을 전달합니다.

error: 메소드입니다. 요청이 실패하면 이 함수가 호출됩니다. XMLHttpRequest 객체를 전달합니다.

예:

$(document).ready(function(){
    $("#searchBtn").click(function(){
        $.ajax({
            type:"GET",
            url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?",
            dataType:"json",
            success:function(data){
                if(data.errorCode==0){
                                         $("#nickname").val(mylogin.nickname);                             
                                 }else{
                                         $("#nickname").val("用户");                         
                                 }
            },
            error:function(jqXHR){
                console.log("Error: "+jqXHR.status);
            }
        });
    });
});

위 내용은 제이쿼리 아약스를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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