你是否遇到過這樣的情況：在開發過程中需要從不同的域中獲取數據，但是由于跨域限制，無法直接發送請求。這時候jsonp就可以幫助我們解決這個問題。jsonp（JSON with Padding）是一種利用script標簽實現的跨域數據獲取技術，它允許從不同的域中獲取數據并在當前頁面中使用。通過使用jsonp，我們可以輕松地在網頁中獲取來自其它域的數據。

jsonp利用了script標簽的src屬性可以跨域請求的特性進行數據獲取。它通過在服務器端動態生成一個回調函數，并將需要獲取的數據作為實參傳遞給這個函數。然后通過動態創建一個script標簽，將這個回調函數的名稱作為一個參數傳遞給服務器，服務器返回的數據會作為這個回調函數的實參傳遞給客戶端，從而達到獲取跨域數據的目的。最后，客戶端通過回調函數將返回的數據進行處理。

下面我們通過一個簡單的例子來說明jsonp的使用方法：

function getData() {
var script = document.createElement('script');
script.src = 'http://example.com/data?callback=handleData';
document.body.appendChild(script);
}
function handleData(data) {
console.log(data);
}
getData();

在這個例子中，我們定義了一個getData函數，用于獲取數據。通過動態創建一個script標簽，并將要獲取數據的URL設置為script標簽的src屬性，然后將script標簽插入到body元素中。注意URL的末尾附帶了callback參數，并設置了callback的值為handleData。這個handleData函數是我們在客戶端定義的回調函數，用來處理數據。

當script標簽被插入到文檔中時，瀏覽器會發起一個GET請求并將callback參數和其值傳遞給服務器。服務器接收到這個請求后，會將數據以指定的回調函數的形式返回給客戶端。瀏覽器接收到服務器返回的數據后，將其作為handleData函數的參數進行調用，我們就可以在控制臺中看到返回的數據了。

除了通過動態創建script標簽的方式來進行jsonp的請求，我們也可以使用第三方庫，如jQuery，來簡化這個過程。

$.ajax({
url: 'http://example.com/data',
dataType: 'jsonp',
success: function(data) {
console.log(data);
}
});

在這個例子中，我們使用了jQuery的ajax方法，并設置了dataType為'jsonp'。jQuery會自動將請求URL中的回調函數名設置為callback參數的值，并將服務器返回的數據作為回調函數的參數進行處理。

總結來說，jsonp是一種利用script標簽實現的跨域數據獲取技術。它通過動態創建script標簽，并將服務器返回的數據作為指定回調函數的參數在客戶端中進行處理。jsonp能夠輕松地從不同的域中獲取數據，并將其應用到當前頁面中。