序
同源策略是瀏覽器處于安全考慮，為通信設(shè)置了“相同的域、相同的端口、相同的協(xié)議”這一限制。這讓我們的ajax請(qǐng)求存在跨域無(wú)權(quán)限訪(fǎng)問(wèn)的問(wèn)題。
同時(shí)我們發(fā)現(xiàn)script標(biāo)簽引入腳本的行為并不受同源策略的限制，但是script引入的文件會(huì)被立即執(zhí)行，如果其內(nèi)容不符合js語(yǔ)法，則會(huì)報(bào)錯(cuò)；
操作原理
針對(duì)以上情況，誕生了jsonp：
利用script標(biāo)簽的src屬性來(lái)請(qǐng)求接口，并向接口傳遞一個(gè)回調(diào)函數(shù)（克服了同源問(wèn)題）
接口將數(shù)據(jù)以
回調(diào)函數(shù)參數(shù)的形式同回調(diào)函數(shù)一同傳回;此時(shí)傳回則是這樣形式的一個(gè)字符串：回調(diào)函數(shù)名(數(shù)據(jù))，這樣就符合js語(yǔ)法了（克服了script標(biāo)簽引入內(nèi)容非js報(bào)錯(cuò)的問(wèn)題）
實(shí)例操作
紙上得來(lái)總覺(jué)淺，絕知此事要躬行。jsonp的原理我早就倒背入流了，但是看著覺(jué)得明白，但總覺(jué)得少了點(diǎn)什么沒(méi)抓住。所以，實(shí)際操刀試試吧。點(diǎn)擊下載源碼
下載代碼后，進(jìn)入some-code/jsonp-demo文件夾,該文件夾的目錄為：
app.js
package.json
views
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式