jQuery를 사용하여 도메인 간 AJAX JSONP 요청을 성공적으로 만들 수 있나요?

jQuery로 도메인 간 AJAX JSONP 요청 만들기

jQuery ajax 크로스 도메인을 사용하여 JSON 배열 데이터를 구문 분석하려고 할 때 다음이 필수적입니다. JSONP가 제대로 작동하려면 데이터를 호스팅하는 원격 서버가 메소드 삽입을 지원해야 합니다.

코드에서 다음 블록은 dataType을 사용하여 AJAX 요청을 시작합니다. 'jsonp':

$.ajax({
    type: "GET",
    url: "http://10.211.2.219:8080/SampleWebService/sample.do",
    dataType: "jsonp",
    success: function (xml) {
        alert(xml.data[0].city);
        result = xml.code;
        document.myform.result1.value = result;
    },
});

jQuery가 이 요청을 실행할 때 ?callback={some_random_dynamically_generated_method}를 URL에 추가합니다. 일반적으로 창 개체에 연결된 이 메서드는 프록시 역할을 하며 다음과 같습니다.

window.some_random_dynamically_generated_method = function(actualJsonpData) {
    // Calls the success callback
    successCallback(actualJsonData);
}

클라이언트 측 코드가 올바르게 보이지만 서버 측 코드를 수정하여 쿼리 문자열을 통해 전달된 함수 이름이 포함된 JSON 데이터입니다. 예를 들어 요청 URL에 ?callback=my_callback_method가 포함된 경우 서버는 다음 구조로 래핑된 JSON 데이터로 응답해야 합니다.

my_callback_method({your json serialized data});

이렇게 하면 JSON 데이터가 성공적으로 구문 분석되어 클라이언트에서 사용할 수 있게 됩니다. -사이드 코드.

위 내용은 jQuery를 사용하여 도메인 간 AJAX JSONP 요청을 성공적으로 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!