摘要:同源策略限制了我們無法通過原生的對象獲取到數(shù)據(jù)。的原理其實不復雜瀏覽器的同源策略把跨域請求都禁止了的標簽是例外,可以突破同源策略從其他來源獲取數(shù)據(jù)由上可得,我們可以通過標簽引入文件,然后通過一系列操作獲取數(shù)據(jù)。上面三點便是實現(xiàn)跨域的原理。
今天做頁面時,后臺給了個接口:https://a.a.com/a/a.json,我頁面的上線地址是:http://b.b.com。
顯而易見,因為瀏覽器同源策略的限制,通過ajax無法無法取得json的數(shù)據(jù)。
百度百科
同源策略,它是由Netscape提出的一個著名的安全策略?,F(xiàn)在所有支JavaScript的瀏覽器都會使用這個策略。
所謂同源是指,域名,協(xié)議,端口相同。當一個瀏覽器的兩個tab頁中分別打開來 百度和谷歌的頁面當瀏覽器的百度tab頁執(zhí)行一個腳本的時候會檢查這腳本是屬于哪個頁面的,即檢查是否同源,只有和百度同源的腳本才會被執(zhí)行。
同源策略限制了我們無法通過原生的XMLHttpRequest()對象獲取到json數(shù)據(jù)。為了突破這個限制,我們的前輩們想出了一個解決方案:jsonp。
jsonp并非新的數(shù)據(jù)格式,而是解決JSON跨域獲取的解決方案。通過JSONP獲取到得數(shù)據(jù)已經(jīng)不是JSON了,而是JS類型的數(shù)據(jù)(大部分是對象)。
上網(wǎng)找過很多講jsonp的文章,大部分都是講的模模糊糊的。jsonp的原理其實不復雜:
1、瀏覽器的同源策略把跨域請求都禁止了; 2、HTML的