AJAX是一種用于從服務器異步獲取數據的常用技術。然而，由于瀏覽器的同源策略限制，AJAX請求通常不能跨域進行。為了解決這個問題，開發人員可以使用JSONP來實現跨域請求。JSONP是一種利用 script 標簽的技術，允許從其他域名下加載并解析數據。本文將介紹AJAX JSONP解決跨域請求的原理，并提供一些舉例說明。

假設我們有兩個域名，分別是http://www.example.com和http://api.example.com?，F在我們想在http://www.example.com的頁面上使用AJAX加載http://api.example.com下的數據。普通的AJAX請求會被瀏覽器阻止，因為它們存在于不同的域。為了解決這個問題，我們可以使用JSONP。

JSONP的工作原理是通過動態創建一個 script 標簽，將目標地址添加到這個標簽的 src 屬性中，并將一個回調函數的名稱作為參數添加到目標地址中。當 script 標簽加載完畢后，服務器會返回一個包裹在回調函數中的JSON數據。這樣，前端頁面就可以通過回調函數來獲取到從其他域名下加載的數據。

下面是一個使用JSONP實現跨域請求的示例：

function handleResponse(data) {
console.log("Received data:", data);
}
var script = document.createElement("script");
script.src = "http://api.example.com/data?callback=handleResponse";
document.body.appendChild(script);

在這個示例中，一個名為 handleResponse 的回調函數作為參數傳遞給了目標地址。當 script 標簽加載完畢后，服務器會返回類似下面的內容：

handleResponse({ "name": "John", "age": 30 });

然后，handleResponse 函數就會被調用，并將數據作為參數傳遞進去。這樣，我們就成功地從其他域名下加載并解析了數據。

需要注意的是，在使用JSONP時，服務器端需要對請求作出相應的處理。它要能夠接受并解析請求中的回調函數名稱，并且將數據包裹在該回調函數中返回。否則，請求可能會失敗。

總結來說，AJAX JSONP是一種解決跨域請求的有效方式。通過利用動態創建的 script 標簽和回調函數，我們可以從其他域名下加載和解析數據。無論是在日常開發中還是在處理第三方 API 請求時，AJAX JSONP都可以幫助我們實現跨域請求。