JSONP原理

只要說到跨域,就必須聊到JSONP,就必須講一下JSONP的實現(xiàn)原理,以及在項目中哪個需求使用了JSONP,簡單講就是HTML里面所有帶src屬性的標簽都可以跨域,如iframe,img,script等。

所以可以把需要跨域的請求改用成script腳本加載即可,服務器返回執(zhí)行字符串,但是這和字符串實在window全局作用下執(zhí)行的,你需要把他返回到你的代碼的作用域內,這里就需要臨時創(chuàng)建一個全局的回掉函數(shù),并傳到后臺,最后再整合實際要求的數(shù)組,返回給前端,讓瀏覽器直接調用,用回調的形式回到你的源代碼流程中

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 前言 原文地址 倉庫地址 jsonp(JSON with padding)你一定不會陌生,前端向后端拿數(shù)據(jù)的方式之...
    謙龍閱讀 648評論 0 4
  • JSONP的誕生 1.首先,因為ajax無法跨域,然后開發(fā)者就有所思考 2.其次,開發(fā)者發(fā)現(xiàn),script標簽的s...
    heachou閱讀 547評論 0 0
  • 寫在前面 一說到javascript的跨域,很多人第一時間想到的就是jsonp(JSON with Padding...
    小楓學幽默閱讀 782評論 0 6
  • JSONP的出現(xiàn)是因為游覽器的同源策略,所謂同源是指所請求的主機,域名,協(xié)議,端口與當前相同。同源策略限制了我們無...
    Rin陽閱讀 1,813評論 2 6
  • 人應該都是善良的吧,“人之初,性本善”嘛。人是善良的,獸也是善良的,王小波的那只特立獨行的豬是善良的,現(xiàn)...
    蠶豆?jié)裨?/span>閱讀 142評論 1 0

友情鏈接更多精彩內容