提問(wèn)
1、什么是同源策略
同源策略是瀏覽器的一個(gè)屬性蒿褂，指的是protocol協(xié)議hostname域名port端口號(hào)完全相同的網(wǎng)站才可以互相引用和讀取資源圆米。
2、什么是跨域啄栓？跨域有幾種實(shí)現(xiàn)形式
跨域有多種實(shí)現(xiàn)方式娄帖，
- 1降域
①比如把child.a.com和a.com和xxx.child.a.com都可以降域?yàn)閍.com
②實(shí)現(xiàn)的話需要在兩個(gè)需要進(jìn)行跨域的網(wǎng)站script都寫document.domain = 'a.com'進(jìn)行降域
③其中ajax不受降域的影響，得用iframe在頁(yè)面中引用另一個(gè)頁(yè)面的這種方式
④域名只能往下設(shè)置昙楚，不能下去了再上來(lái)近速。比如xxx.child.a.com只能往下變成chlid.a.com或者再往下變成a.com。但是如果到了a.com就不能再回去到child.a.com堪旧、xxx.child.a.com
⑤降域的話有安全性的問(wèn)題数焊，如果一個(gè)子域名被攻擊，多個(gè)被降域的域名都會(huì)被連帶崎场。
- 2 jsonp(JSON width padding)
①jsonp簡(jiǎn)單來(lái)說(shuō)就是動(dòng)態(tài)加載script
②比如a.com中通過(guò)script創(chuàng)建一個(gè)script然后通過(guò)appendChild()到頁(yè)面上"<script src="http://b.com/main.js?callback = xxx"></script>"
③注意callback = xxx,還有在a.com的頁(yè)面上要寫window.xxx = function(){}；的方法遂蛀。b.com/main.js生成xxx(data)谭跨，返回到當(dāng)前頁(yè)面會(huì)執(zhí)行xxx(data)的函數(shù),這個(gè)就叫jsonp。
④data的參數(shù)是b.com中拿到的李滴，因?yàn)槿绻麑慾son格式（其實(shí)完全不用寫json的格式）就會(huì)成xxx({'a':'1'})這種格式的螃宙，所以叫jsonp(json width padding)
⑤缺點(diǎn)：
如果a.com可以訪問(wèn)b.com，那么完全可以讓c.com也訪問(wèn)b.com所坯，解決方法有要么用正則過(guò)濾掉不應(yīng)該出現(xiàn)的字符串谆扎，要么約定好一套數(shù)據(jù)，比如cookies來(lái)互相匹配
不能用post只能get
-
3 cors(cross-origin resource sharing跨域資源共享)
CORS在hppt秦秋附加一個(gè)頭芹助，來(lái)指定那些服務(wù)器來(lái)的跨域請(qǐng)求是被允許的堂湖，CORS有web服務(wù)器發(fā)出
比如這就是CORS post message(html5的功能)
分享的參考
3、jsonp 的原理是什么
首先json是一種數(shù)據(jù)格式状土，而jsonp是一種數(shù)據(jù)的調(diào)用方式无蜂。
這個(gè)協(xié)議允許用戶傳遞一個(gè)callback參數(shù)給服務(wù)器端，然后服務(wù)器端會(huì)更具這個(gè)callback所附著的參數(shù)來(lái)響應(yīng)數(shù)據(jù)蒙谓，服務(wù)器端會(huì)按照這個(gè)callback作為函數(shù)名來(lái)包裹住json數(shù)據(jù)斥季，這樣客戶端就返回了一個(gè)名為callback所對(duì)應(yīng)名字的一個(gè)方法了。
演示
本地搭建服務(wù)器，演示同源策略
- 本地搭建服務(wù)器（如果使用 SAE 可創(chuàng)建不同的代碼版本酣倾，這樣可通過(guò)1.xxx.sinapp.com和2.xxx.sinapp.com 訪問(wèn)了）
- 修改 本地host舵揭，通過(guò)不同域名訪問(wèn)本地服務(wù)器。比如訪問(wèn)http://a.com/index.html, http://b.com/ajax.php躁锡，本質(zhì)是
- 在 index.html 里使用 ajax 接口訪問(wèn) http://b.com/ajax.php 里的數(shù)據(jù)午绳。
- 查看輸出報(bào)錯(cuò)
用jsonp解決突破同源策略限制
這里演示的都使用了jrg-vip8目錄下的server
↓↓↓↓↓↓再是cross-origin resource sharing跨域資源共享↓↓↓↓↓↓↓↓
- 文/潘曉璐 我一進(jìn)店門妓笙，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)，“玉大人能岩，你說(shuō)我怎么就攤上這事寞宫。” “怎么了拉鹃？”我有些...
- 文/不壞的土叔 我叫張陵辈赋，是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我膏燕，道長(zhǎng)钥屈，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任坝辫，我火速辦了婚禮篷就，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘近忙。我一直安慰自己竭业，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布及舍。 她就那樣靜靜地躺著永品，像睡著了一般。 火紅的嫁衣襯著肌膚如雪击纬。 梳的紋絲不亂的頭發(fā)上鼎姐，一...
- 那天，我揣著相機(jī)與錄音，去河邊找鬼炕桨。 笑死饭尝，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的献宫。 我是一名探鬼主播钥平，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼姊途！你這毒婦竟也來(lái)了涉瘾？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤捷兰，失蹤者是張志新（化名）和其女友劉穎立叛，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體贡茅，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡秘蛇，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了顶考。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赁还。...
- 正文 年R本政府宣布朋蔫，位于F島的核電站，受9級(jí)特大地震影響梭域，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜搅轿，卻給世界環(huán)境...
- 文/蒙蒙 一病涨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧璧坟，春花似錦既穆、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至黎茎，卻和暖如春囊颅，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓胳挎，卻偏偏與公主長(zhǎng)得像饼疙，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子慕爬，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1. 什么是同源策略 同源是指域名、協(xié)議留搔、端口相同更胖。同源策略(Same-Origin Policy)是瀏覽器的一個(gè)...
- 問(wèn)答 1. 什么是同源策略 同源是指域名括眠、協(xié)議彪标、端口相同。同源策略(Same-Origin Policy)是瀏覽器...
- 1.什么是同源策略 1.要了解同源策略题画，我們必須先知道源即orgin 以百度頁(yè)面為例，谷歌瀏覽器打開(kāi)控制臺(tái)：輸入l...
- 問(wèn)答 1.什么是同源策略 ①源(orgin)的定義 以百度為例竞思，輸入localtion.origin就可以得到源P...
- 什么是同源策略 同源策略是瀏覽器的安全設(shè)置难咕。指的是在 相同協(xié)議： 相同域名： 相同端口课梳； 的網(wǎng)站只能訪問(wèn)與包含它的...
