AJAX（Asynchronous JavaScript and XML）是一種在Web開發中經常使用的技術，允許網頁通過異步請求的方式與服務器進行數據交互，實現動態加載和更新頁面內容。然而，由于同源策略的限制，使得AJAX請求只能在同一域名下進行。JSONP（JSON with Padding）是一種解決跨域問題的技術，允許在不同域名下的網頁間進行數據交互。本文將介紹AJAX和JSONP的基本概念和原理，并舉例說明如何使用JSONP來實現跨域。

什么是AJAX和JSONP

AJAX是一種使用JavaScript和XML進行異步請求的技術。它通過在后臺與服務器進行數據交換，實現頁面內容的局部刷新，從而提升用戶體驗。通常，AJAX請求返回的是JSON格式的數據，因為JSON在JavaScript中的處理方式更加方便。

$.ajax({
url: "http://example.com/data",
type: "GET",
dataType: "json",
success: function(data) {
// 處理返回的數據
}
});

上述的AJAX請求會向http://example.com/data發送GET請求，并期望返回JSON格式的數據。成功響應后，將觸發success回調函數，在回調函數中可以對返回的數據進行處理。

盡管AJAX是一種非常有用的技術，但同源策略的限制使得它只能在同一域名下使用。同源策略要求AJAX請求只能向同一域名、同一端口和同一協議發送。這限制了許多跨域場景下的數據交互。

JSONP是一種解決AJAX跨域問題的技術。它利用了HTML頁面可以加載不同域名下的JavaScript文件的特性。JSONP請求通過動態創建