JSONP原理

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

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

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

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