解決Ajax跨域問題----JSONP

摘要： 繼之前的文章----ajax非同步請求 上一篇文章沒有講解JSONP，這篇文章補上。 這篇文章閱讀只要五分鐘左右，現在是追求簡潔明瞭。 1、什麼是jsonp？什麼是json？ 2、如何實現原生jsonp？ 3、如何實現jquery--ajax和jsonp？ 就解決這...

繼之前的文章----ajax非同步請求

上一篇文章沒有講解JSONP，這篇文章補上。

這篇文章閱讀只要五分鐘左右，現在是追求簡潔明瞭。

1、什麼是jsonp？什麼是json？

2、如何實現原生jsonp？

3、如何實現jquery--ajax和jsonp？

就解決這三個問題

一、什麼是jsonp？什麼是json？

因為說jsonp總要和json，很多初學者會產生這樣的疑惑。

JSON是一種文字資料格式，採用鍵值對來實現儲存資料。和JSONP完全兩碼事。

JSONP的產生其實是ajax不能實現跨域。ajax只是非同步請求資料而已，說到跨域只要（埠、域名和協議一個不同就算跨域），因為跨域受到瀏覽器的同源策略影響，如果用ajax跨域請求資料的話，請求成功，但是資料被瀏覽器攔截了。所以想要跨域請求資料就需要運用別的方法，注意到有三種標籤（link、script、img）跨域請求不受同源策略影響，所以為了獲取資料可以使用動態建立script標籤，通過src屬性將資料通過網址的形式，將資料以callback的形式傳遞給我們。

說了這麼多，下面來看看圖例

二、如何實現原生jsonp？

三、如何實現jquery--ajax和jsonp？

喜歡的點個贊，別吝嗇你的贊喲！！！