理解JSONP原理及使用

什么是JSONP

首先提一下JSON這個(gè)概念者铜,JSON是一種輕量級(jí)的數(shù)據(jù)傳輸格式,被廣泛應(yīng)用于當(dāng)前Web應(yīng)用中。JSON格式數(shù)據(jù)的編碼和解析基本在所有主流語(yǔ)言中都被實(shí)現(xiàn)妆丘,所以現(xiàn)在大部分前后端分離的架構(gòu)都以JSON格式進(jìn)行數(shù)據(jù)的傳輸棚辽。

那么JSONP是什么呢技竟?

首先拋出瀏覽器同源策略這個(gè)概念,為了保證用戶訪問(wèn)的安全屈藐,現(xiàn)代瀏覽器使用了同源策略榔组,即不允許訪問(wèn)非同源的頁(yè)面熙尉,詳細(xì)的概念大家可以自行百度。這里大家只要知道搓扯,在ajax中检痰,不允許請(qǐng)求非同源的URL就可以了,比如www.a.com下的一個(gè)頁(yè)面锨推,其中的ajax請(qǐng)求是不允許訪問(wèn)www.b.com/c.php這樣一個(gè)頁(yè)面的铅歼。

JSONP就是用來(lái)解決跨域請(qǐng)求問(wèn)題的,那么具體是怎么實(shí)現(xiàn)的呢换可?

JSONP原理

ajax請(qǐng)求受同源策略影響谭贪,不允許進(jìn)行跨域請(qǐng)求,而script標(biāo)簽src屬性中的鏈接卻可以訪問(wèn)跨域的js腳本锦担,利用這個(gè)特性俭识,服務(wù)端不再返回JSON格式的數(shù)據(jù),而是返回一段調(diào)用某個(gè)函數(shù)的js代碼洞渔,在src中進(jìn)行了調(diào)用套媚,這樣實(shí)現(xiàn)了跨域。

轉(zhuǎn)自原文:https://blog.csdn.net/u011897301/article/details/52679486

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末磁椒,一起剝皮案震驚了整個(gè)濱河市堤瘤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌浆熔,老刑警劉巖本辐,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異医增,居然都是意外死亡慎皱,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門叶骨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)茫多,“玉大人,你說(shuō)我怎么就攤上這事忽刽√煲荆” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵跪帝,是天一觀的道長(zhǎng)今膊。 經(jīng)常有香客問(wèn)我,道長(zhǎng)伞剑,這世上最難降的妖魔是什么斑唬? 我笑而不...
    開(kāi)封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上赖钞,老公的妹妹穿的比我還像新娘腰素。我一直安慰自己,他們只是感情好雪营,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開(kāi)白布弓千。 她就那樣靜靜地躺著,像睡著了一般献起。 火紅的嫁衣襯著肌膚如雪洋访。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天谴餐,我揣著相機(jī)與錄音姻政,去河邊找鬼。 笑死岂嗓,一個(gè)胖子當(dāng)著我的面吹牛汁展,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播厌殉,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼食绿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了公罕?” 一聲冷哼從身側(cè)響起器紧,我...
    開(kāi)封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎楼眷,沒(méi)想到半個(gè)月后铲汪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡罐柳,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年掌腰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片硝清。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡辅斟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出芦拿,到底是詐尸還是另有隱情,我是刑警寧澤查邢,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布蔗崎,位于F島的核電站,受9級(jí)特大地震影響扰藕,放射性物質(zhì)發(fā)生泄漏缓苛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望未桥。 院中可真熱鬧笔刹,春花似錦、人聲如沸冬耿。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)亦镶。三九已至日月,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間缤骨,已是汗流浹背爱咬。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留绊起,地道東北人精拟。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像虱歪,于是被迫代替她去往敵國(guó)和親串前。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • JavaScript是一種在Web開(kāi)發(fā)中經(jīng)常使用的前端動(dòng)態(tài)腳本技術(shù)实蔽。在JavaScript中荡碾,有一個(gè)很重要的...
    西瓜w閱讀 1,748評(píng)論 0 1
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對(duì)象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,170評(píng)論 0 7
  • ??2005 年坛吁,Jesse James Garrett 發(fā)表了一篇在線文章,題為“Ajax: A new App...
    霜天曉閱讀 883評(píng)論 0 1
  • json以及jsonp 前言 JSONP全名為JSON with Padding铐尚,其存在的意義便有繞過(guò)諸如同源策略...
    帥豬佩奇閱讀 6,730評(píng)論 0 2
  • Jsonp 和 Ajax 有個(gè)毛關(guān)系安β觥!P觥玫膀! 這一點(diǎn)非常重要啊 大概是jQuery把Jsonp放到了ajax AP...
    squall1744閱讀 613評(píng)論 2 3