如何使用 jQuery 成功發出跨域 AJAX JSONP 請求？

使用jQuery 進行跨域AJAX JSONP 請求

嘗試使用jQuery ajax 跨域解析JSON 數組資料時，必須請注意，託管資料的遠端伺服器必須支援方法注入，JSONP 才能正常運作。

在您的程式碼中，以下區塊使用dataType: '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_dynamicmeth到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中文網其他相關文章！