進(jìn)階13-JSONP_跨域

  • 題目1: 什么是同源策略

    由于瀏覽器的安全設(shè)置,在利用AJAX進(jìn)行通信時,默認(rèn)情況下,XHR對象只能訪問與包含它的頁面位于同一個域中的資源。
    即必須滿足:

    1. 同協(xié)議:都是http或者h(yuǎn)ttps
    2. 同域名:http:// jrg.com/ahttp://jrg.com/b // 和/之間的內(nèi)容必須一致
    3. 同端口;如都是80端口
  • 題目2: 什么是跨域?跨域有幾種實(shí)現(xiàn)形式

    什么是跨域:實(shí)現(xiàn)不同域名下的信息通信。
    跨域?qū)崿F(xiàn)形式:

    1. JSONP
    2. CORS
    3. 降域
    4. postMessage
  • 題目3: JSONP 的原理是什么

    原理是利用<script>標(biāo)簽的可跨域性,在網(wǎng)頁中新添加一個<script>元素,里面的src是用于向服務(wù)器請求數(shù)據(jù),服務(wù)器將數(shù)據(jù)放在一個指定名字的回調(diào)函數(shù)給傳回來,由于網(wǎng)頁已經(jīng)定義了該函數(shù),因此參數(shù)被傳回后會立即執(zhí)行該函數(shù)。

  • 題目4: CORS是什么

    CORS是w3c的一個標(biāo)準(zhǔn),全稱是Cross-origin resource sharing 即跨域資源共享,使用它可以實(shí)現(xiàn)瀏覽器向跨源服務(wù)器發(fā)出XMLHttpRequest請求,從而克服了ajax只能同源使用的限制;需要指出的是CORS需要瀏覽器及服務(wù)器同時支持。

  • 題目5: 根據(jù)視頻里的講解演示三種以上跨域的解決方式

    代碼地址

    • 配置host:


      Paste_Image.png
    • JSONP:


      Paste_Image.png
      Paste_Image.png
    Paste_Image.png
    • CORS


      Paste_Image.png
    Paste_Image.png
    Paste_Image.png
    • 降域


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

相關(guān)閱讀更多精彩內(nèi)容

  • 1.什么是同源策略瀏覽器出于安全方面的考慮,只允許與本域下的接口交互。不同源的客戶端腳本在沒有明確授權(quán)的情況下,不...
    24_Magic閱讀 591評論 0 0
  • 問答 1.什么是同源策略 ①源(orgin)的定義 以百度為例,輸入localtion.origin就可以得到源P...
    鴻鵠飛天閱讀 488評論 0 0
  • 1. 跨域和同源 首先來看摘自MDN上對于跨域,較為標(biāo)準(zhǔn)的解釋: 當(dāng)一個資源從與該資源本身所在的服務(wù)器不同的域或端...
    曉風(fēng)殘?jiān)?994閱讀 252評論 0 0
  • Section1、為什么要跨域? 自古以來(1995年起),為了用戶的信息安全,瀏覽器就引入了同源策略。那么同源策...
    qhaobaba閱讀 467評論 0 0
  • 2017.07.26 宜:吃個冰激凌 忌:高數(shù)題還沒做完 “你以為的‘本領(lǐng)高超’,只是一種低俗的姿態(tài)。” 01 前...
    楊卷閱讀 306評論 2 2

友情鏈接更多精彩內(nèi)容