資訊專欄INFORMATION COLUMN
摘要：實(shí)現(xiàn)跨域訪問(wèn)數(shù)據(jù)是的一種使用模式由于同源策略，一般來(lái)說(shuō)位于的網(wǎng)頁(yè)無(wú)法與不是的服務(wù)器溝通，而的元素是一個(gè)例外。服務(wù)器收到這個(gè)請(qǐng)求以后，會(huì)將數(shù)據(jù)放在回調(diào)函數(shù)的參數(shù)位置返回。這時(shí)只要瀏覽器定義了對(duì)應(yīng)的回調(diào)函數(shù)，該函數(shù)就會(huì)立即被調(diào)用。
JSONP的使用 1.瀏覽器的同源策略
同源策略限制了從同一個(gè)源加載的文檔或腳本如何與來(lái)自另一個(gè)源的資源進(jìn)行交互。這是一個(gè)用于隔離潛在惡意文件的重要安全機(jī)制。
2.一個(gè)源的定義如果兩個(gè)頁(yè)面的協(xié)議，端口和域名都相同，則兩個(gè)頁(yè)面具有相同的源，這就是同源。
http://www.example.com/dir/page.html這個(gè)網(wǎng)址，協(xié)議是http://，域名是www.example.com，端口是80（默認(rèn)端口可以省略）。它的同源情況如下。
http://www.example.com/dir2/other.html：同源
http://example.com/dir/other.html：不同源（域名不同）
http://v2.www.example.com/dir/other.html：不同源（域名不同）
http://www.example.com:81/dir/other.html：不同源（端口不同）
參考文章
https://developer.mozilla.org...
http://www.ruanyifeng.com/blo...
---
同源政策規(guī)定，AJAX請(qǐng)求只能發(fā)給同源的網(wǎng)址，否則就報(bào)錯(cuò)。
JSONP(JSON with Padding)是JSON的一種“使用模式”
由于同源策略，一般來(lái)說(shuō)位于 server1.example.com 的網(wǎng)頁(yè)無(wú)法與不是 server1.example.com的服務(wù)器溝通，而 HTML 的
上面的代碼通過(guò)動(dòng)態(tài)創(chuàng)建添加script元素，向服務(wù)器發(fā)送請(qǐng)求，查詢字符串必須有callback參數(shù)，用來(lái)指定回調(diào)函數(shù)的名字。
response.write(`${query.callback}.call(undefined,"success")`)
服務(wù)器收到這個(gè)請(qǐng)求以后，會(huì)將數(shù)據(jù)放在回調(diào)函數(shù)的參數(shù)位置返回。這時(shí)只要瀏覽器定義了對(duì)應(yīng)的回調(diào)函數(shù)，該函數(shù)就會(huì)立即被調(diào)用。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/94275.html
摘要：為請(qǐng)求指定一個(gè)回調(diào)函數(shù)名。這主要用來(lái)讓生成一個(gè)獨(dú)特的函數(shù)名，這樣管理請(qǐng)求更容易，也能方便地提供回調(diào)函數(shù)和錯(cuò)誤處理。在回調(diào)函數(shù)中，通常我們只需通過(guò)判斷請(qǐng)求是否完成，如果已完成，再根據(jù)判斷是否是一個(gè)成功的響應(yīng)。 本篇文章借鑒自 博客園文章 原文地址 AJAX即Asynchronous Javascript And XML（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的...
摘要：說(shuō)明關(guān)于跨域問(wèn)題的解決方案多達(dá)七八種，你不要說(shuō)哪有這么多，我不跟你較真哈，你也別跟我較真哈自行百度或這里不會(huì)跟你說(shuō)那么多種只說(shuō)使用最多的一種你要非說(shuō)用的不是最多的我不信哦你信好了哈哈你開(kāi)心就好關(guān)于跨域?yàn)g覽器的同源策略要了解什么是跨域你需要了 說(shuō)明 關(guān)于跨域問(wèn)題的解決方案多達(dá)七、八種，你不要說(shuō)哪有這么多，我不跟你較真哈，你也別跟我較真哈, ?！自行 百度 或 Google, 這里不會(huì)跟你...
摘要：三原因分析瀏覽器在加載可以跨域資源時(shí)，在將資源載入頁(yè)面時(shí)對(duì)其進(jìn)行識(shí)別與攔截等一系列處理。從而禁用了客戶端瀏覽器的類型嗅探行為即把不可執(zhí)行的類型轉(zhuǎn)變?yōu)榭蓤?zhí)行的類型。 一、jsonp的使用 jsonp是實(shí)現(xiàn)跨域請(qǐng)求數(shù)據(jù)的一種方式，解決了由于瀏覽器同源策略帶來(lái)的安全限制；雖然瀏覽器有同源策略的限制，但對(duì)于一些特殊的dom元素卻可引用非同源資源，例如 等，下面結(jié)合例子說(shuō)明： jquery直接發(fā)...
摘要：同源策略做了很嚴(yán)格的限制，但是在實(shí)際的場(chǎng)景中，又確實(shí)有很多地方需要突破同源策略的限制，也就是我們常說(shuō)的跨域。使用跨域由于同源策略，一般來(lái)說(shuō)位于的網(wǎng)頁(yè)無(wú)法與不是的服務(wù)器溝通，而的元素是一個(gè)例外。 本菜雞最近在寫某個(gè)頁(yè)面請(qǐng)求數(shù)據(jù)時(shí)，報(bào)了如下的錯(cuò)誤。 Failed to load https://...:No Access-Control-Allow-Origin header is pre...
摘要：同源策略做了很嚴(yán)格的限制，但是在實(shí)際的場(chǎng)景中，又確實(shí)有很多地方需要突破同源策略的限制，也就是我們常說(shuō)的跨域。使用跨域由于同源策略，一般來(lái)說(shuō)位于的網(wǎng)頁(yè)無(wú)法與不是的服務(wù)器溝通，而的元素是一個(gè)例外。 本菜雞最近在寫某個(gè)頁(yè)面請(qǐng)求數(shù)據(jù)時(shí)，報(bào)了如下的錯(cuò)誤。 Failed to load https://...:No Access-Control-Allow-Origin header is pre...
摘要：同源策略做了很嚴(yán)格的限制，但是在實(shí)際的場(chǎng)景中，又確實(shí)有很多地方需要突破同源策略的限制，也就是我們常說(shuō)的跨域。使用跨域由于同源策略，一般來(lái)說(shuō)位于的網(wǎng)頁(yè)無(wú)法與不是的服務(wù)器溝通，而的元素是一個(gè)例外。 本菜雞最近在寫某個(gè)頁(yè)面請(qǐng)求數(shù)據(jù)時(shí)，報(bào)了如下的錯(cuò)誤。 Failed to load https://...:No Access-Control-Allow-Origin header is pre...
閱讀 2671·2021-08-20 09:38
閱讀 1425·2019-08-30 15:43
閱讀 651·2019-08-29 17:13
閱讀 1667·2019-08-29 14:01
閱讀 1372·2019-08-29 13:29
閱讀 2395·2019-08-23 18:29
閱讀 2113·2019-08-23 17:51
閱讀 1991·2019-08-23 17:16
