AJAX（Asynchronous JavaScript and XML）是一種使用JavaScript和XML進行客戶端和服務器之間異步通信的技術。由于瀏覽器的安全策略限制，JavaScript代碼只能向訪問同一域名下的資源發送請求。然而，在現實中，我們經常需要從其他域名獲取數據，這就需要使用到跨域技術。JSONP（JSON with Padding）是一種利用動態創建<script>標簽的方式來實現跨域請求的方法。

JSONP的原理是通過在請求的URL中添加一個回調的函數名參數，讓服務器返回一個以該函數名為函數名的包裝過的數據。客戶端通過創建一個<script>標簽來加載該URL，當服務器返回數據時，客戶端的回調函數會被調用，從而獲取到數據。

舉個例子，假設我們現在有兩個域名：A域名為www.a.com，B域名為www.b.com。我們希望從B域名下的一個API接口獲取數據并在A域名的頁面中展示。由于同源策略的限制，我們無法直接使用AJAX請求獲取數據。這時我們可以借助JSONP來實現跨域請求。

首先，在A域名下的頁面中，我們可以創建一個<script>標簽，設置它的src屬性為B域名下的API接口URL，并在URL的后面添加一個參數callback=handleResponse，其中handleResponse是我們在A域名下定義的一個處理返回數據的函數（回調函數）。

<script>
function handleResponse(data) {
// 處理返回的數據
}
</script>
<script src="http://www.b.com/api?callback=handleResponse"></script>

接下來，在B域名的服務器上，我們需要將返回的數據包裝成一個函數調用，并通過HTTP Response返回給客戶端。假設返回的數據為{"name": "John", "age": 30}：

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

當A域名下的頁面加載完成時，它會自動創建一個<script>標簽，將<script src="http://www.b.com/api?callback=handleResponse"></script>添加到頁面中。瀏覽器會向B域名發送該請求，B域名服務器返回的是包裝好的函數調用：handleResponse({"name": "John", "age": 30})。由于我們在A域名下已經定義了handleResponse函數，瀏覽器會執行這個函數，并將返回的數據作為參數傳遞給它。這樣，我們就成功地獲取到了B域名下的數據并在A域名的頁面中處理了。

使用JSONP進行跨域請求需要服務器端的支持。服務器需要根據請求中的callback參數將數據包裝成函數調用返回。如果服務器不支持JSONP，則無法使用JSONP來實現跨域請求，此時可以考慮其他跨域解決方案，如CORS（Cross-Origin Resource Sharing）。

總結起來，JSONP是一種利用動態創建<script>標簽的方式來實現客戶端與服務器之間的跨域請求的方法。它通過在請求的URL中添加一個回調函數名參數，并將返回的數據包裝成該函數調用返回給客戶端。JSONP是一種簡單、兼容性良好的跨域解決方案，在一些老版本的瀏覽器中依然被廣泛使用。