jQuery에서 $.get, $.post, $.getJSON 및 $.ajax 사용법에 대한 자세한 설명

이 장의 초점은 jQuery에서 ajax를 호출하는 네 가지 방법인 $.get, $.post, $getJSON, $ajax에 대해 설명하는 것입니다.

Javascript로 Ajax 프로그램을 작성하는 것이 "기뻐"할 때 갑자기 누군가 jquery라는 것이 있다고 알려줍니다. 이는 HttpRequest와 직접 상호 작용하지 않는 것이 얼마나 행복한지 알려 주는 동시에 동시에 더 이상 왜곡된 Ajax 코드 문제에 대해 걱정할 필요가 없습니다. 더 좋은 점은 이 기사를 읽고 나면 ajax가 단순히 한 문장의 문제라는 것을 알게 될 것입니다.

1. $.get

$.get() 메서드는 GET 메서드를 사용하여 비동기 요청을 수행합니다.

$.get( url [, data] [, callback] );

이 함수의 다양한 매개변수를 설명합니다.

url: 문자열 유형, Ajax 요청 주소.

data: 선택적 매개변수, 객체 유형. 서버로 전송된 키/값 데이터는 요청 URL에 QueryString으로 추가됩니다.

콜백: 선택적 매개변수, 함수 유형, 이 함수는 ajax가 성공적으로 반환되면 자동으로 호출됩니다.

마지막으로 참고용으로 $.get() 예제를 작성하세요.

$.get(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    }
)

2 $.post()

$.post() 메소드는 POST 메소드를 사용하여 비동기 요청을 수행합니다.

$.post(url,[data],[callback],[type]);

이 메소드는 추가 유형 매개변수가 있다는 점을 제외하면 $.get()과 유사합니다. 여기서는 유형 매개변수만 소개합니다. 기타 정보는 위의 $.get()을 참조하세요.

type: type은 html, xml, json 등이 될 수 있는 요청된 데이터 유형입니다. 이 매개변수를 json으로 설정하면 반환되는 형식은 json 형식이 됩니다. $.get()이 반환하는 형식은 동일하며 둘 다 문자열입니다.

마지막으로 참고용으로 $.post() 예제를 작성하세요.

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    },
    "json"
)

$.getJSON()

$. getJSON()은 ajax가 json 데이터를 얻기 위해 특별히 설정되었으며 도메인 간 호출을 지원합니다. 구문 형식은

getJSON(url,[data],[callback]);

url: 문자열 유형, 전송 요청 주소 데이터: 선택적 매개변수입니다. get 및 post 유형 데이터 콜백과 동일한 키/값 매개변수 전송: 선택적 매개변수, 로드 성공 시 콜백 함수, get 및 post 유형 콜백과 동일

JSON은 이상적인 데이터 전송 형식일 수 있습니다. JavaScript 또는 기타 호스트 언어와 통합되어 JS에서 직접 사용할 수 있습니다. JSON을 사용하는 것은 GET 및 POST를 통해 직접 "누드" 데이터를 보내는 것보다 구조적으로 더 합리적이고 안전합니다. jQuery의 getJSON() 함수는 JSON 매개변수가 설정된 ajax() 함수의 단순화된 버전일 뿐입니다. 이 함수는 도메인 전반에 걸쳐 사용할 수도 있으며 get() 및 post()에 비해 몇 가지 장점이 있습니다. 또한 이 함수는 요청 URL을 "myurl?callback=X" 형식으로 작성하여 프로그램이 콜백 함수 X를 실행하도록 할 수 있습니다.

4. $.ajax()

$.ajax()는 jquery의 일반적인 ajax 패키지입니다.

$.ajax(options);

옵션은 이 ajax 호출의 특정 매개변수를 지정하는 객체 유형입니다. 여기에 가장 일반적으로 사용되는 매개변수를 첨부합니다

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功后回调
            alert(e); 
        },
        error: function(e){    //失败后回调
            alert(e);
        },
        beforeSend: function(){  /发送请求前调用，可以放一些"正在加载"之类额话
            alert("正在加载");
        }
})

위는 jquery가 ajax 호출을 구현하는 방법입니다. 이 장이 모든 사람에게 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 jQuery 비디오 튜토리얼, AJAX 비디오 튜토리얼을 방문하세요.