AJAX是一種在Web開發中廣泛使用的技術，可以通過異步請求從服務器獲取數據，而不需要刷新整個頁面。JSONP是一種特殊的AJAX技術，允許從不同的域獲取數據。當我們需要從另一個域請求數據時，可能會遇到跨域的限制問題。通過使用JSONP，我們可以繞過這些限制，并成功返回數據。

使用JSONP的一個常見示例是獲取報價數據。假設我們的網站需要顯示最新的股票報價，而這些報價數據來自于一個不同的域（例如，stock.com）的服務器。在傳統的AJAX請求中，由于瀏覽器的同源策略限制，我們無法直接從這個域獲取數據。然而，使用JSONP，我們可以通過創建一個script標簽，將請求發送到stock.com，并接收一個包含報價數據的回調函數。這個回調函數將是一個全局函數，在script標簽的src屬性中指定。

function displayStockQuote(data) {
console.log(data);
// 在頁面上顯示股票報價數據
}
var script = document.createElement('script');
script.src = 'http://stock.com/quote?callback=displayStockQuote';
document.body.appendChild(script);

在上面的示例中，我們創建了一個名為displayStockQuote的回調函數，并將它作為參數添加到URL中的查詢字符串中。當script標簽被添加到頁面時，瀏覽器會發起一個GET請求到stock.com，并通過displayStockQuote函數將返回的數據傳回來。這樣，我們就成功地跨域獲取了股票報價數據，并將其顯示在頁面上。

JSONP的一個重要特點是它只支持GET請求，而不支持POST請求。這是由于JSONP的實現原理所決定的。發送GET請求通常不會引起對數據的更改或產生副作用，可以做到安全和短暫。然而，由于JSONP的請求是通過script元素實現的，而script元素只能發送GET請求，因此我們只能使用GET請求來使用JSONP。

除了簡單地獲取數據之外，JSONP還可以用于在網頁中顯示Twitter的最新推文。假設我們使用Twitter提供的API來獲取最新的推文數據。我們可以將一個回調函數嵌入到URL中，以便在返回數據時被調用。在回調函數中，我們可以從返回的數據中提取出所需的信息，并在頁面中動態顯示。

function displayTweets(data) {
var tweets = data.tweets;
for (var i = 0; i< tweets.length; i++) {
var tweet = document.createElement('div');
tweet.textContent = tweets[i].text;
document.body.appendChild(tweet);
}
}
var script = document.createElement('script');
script.src = 'http://twitter.com/api/tweets?callback=displayTweets';
document.body.appendChild(script);

在上面的示例中，我們定義了一個名為displayTweets的回調函數，并將其作為參數添加到URL中的查詢字符串中。當script標簽被添加到頁面時，瀏覽器會向twitter.com發起一個GET請求，并通過displayTweets函數將返回的數據傳回來。然后，我們通過遍歷返回的數據，并將每個推文的內容顯示在頁面中的一個div元素中。

總的來說，JSONP是一種有效的跨域解決方案，可以幫助我們獲取來自不同域的數據。通過創建一個包含回調函數的script標簽，并將其添加到頁面中，我們可以繞過瀏覽器的同源策略限制，并成功地返回數據。然而，需要注意的是，由于JSONP只支持GET請求，我們不能使用JSONP來發送包含敏感數據的請求，以避免安全風險。