發(fā)布時間:2022-01-21 17:05:45來源:轉(zhuǎn)載
今天小編要跟大家分享的文章是關(guān)于Web前端中實現(xiàn)跨域的方法有哪些?正在從事Web前端工作的小伙伴們來和小編一起看一看本篇文章吧,希望能夠?qū)Υ蠹矣兴鶐椭?/p>
一、同源策略
同源策略是瀏覽器的一個安全功能,同源即協(xié)議、域名、端口三者相同。它限制了從一個源加載的文檔或腳本與另一個源進(jìn)行數(shù)據(jù)交互,所以abc.com下的JS腳本請求xyz.com的數(shù)據(jù)會被拒絕。
注意:跨域限制訪問,其實是瀏覽器的同源策略限制。
二、跨域
當(dāng)協(xié)議、域名、端口任意一個不同時,都算不同域。不同域之間相互請求資源,就算跨域。
注意:跨域并不是請求發(fā)不出去,請求能發(fā)出去,服務(wù)端能收到請求并正常返回結(jié)果,只是結(jié)果被瀏覽器攔截了。
三、跨域的幾種方法
(1)有三個標(biāo)簽允許跨域加載資源
(2)JSONP
JSONP(JSON with Padding) 是 json 的一種"使用模式",可以讓網(wǎng)頁從別的域名獲取資料,即跨域讀取數(shù)據(jù)。
JSONP由兩部分組成:回調(diào)函數(shù)和數(shù)據(jù)?;卣{(diào)函數(shù)是當(dāng)響應(yīng)到來時在頁面調(diào)用的數(shù)據(jù)。數(shù)據(jù)則為傳入回調(diào)函數(shù)的JSON數(shù)據(jù)。
JSONP通過
雅思 托福 GRE SSAT SAT GMAT ACT 個人提升英語 英語四六級 多鄰國英語測試 詞庫 IB 英語口語 商務(wù)英語 公共英語 考研英語 青少兒英語 成人英語 A-Level 學(xué)生英語 初高中英語 OSSD AP課程 AEAS個性化定制課程 一級建造師 二級建造師 消防工程師 消防設(shè)施操作員 BIM 造價工程師 環(huán)評師 監(jiān)理工程師 咨詢工程師 安全工程師 建筑八大員 公路水運檢測 通信工程 裝配式工程師 注冊電氣工程師 二級注冊建筑師 一級注冊建筑師 智慧消防工程師 智慧建造工程師 全過程工程咨詢師 EPC 碳排放管理師 ACCA CFA 注冊會計師 會計證 初中級經(jīng)濟(jì)師 初級會計師 中級會計師 基金從業(yè) 證券從業(yè) 稅務(wù)師 薪稅師 企業(yè)合規(guī)師 會計就業(yè)實操 期貨從業(yè) FRM CMA CQF 教師資格 人力資源管理 導(dǎo)游考試 心理咨詢師 健康管理師 社會工作師 普通話 育嬰員 物流師 家庭教育指導(dǎo)師 專利代理師 教師招聘 兒童專注力 兒童情緒管理 法律職業(yè)資格 少兒編程 書法培訓(xùn) 國畫 茶藝 樂器音樂 舞蹈 棋類 機(jī)器人編程 戲曲培訓(xùn) 信奧賽C++ 少兒小主播 口才培訓(xùn) 籃球培訓(xùn) 商務(wù)辦公 影視后期 剪輯包裝 游戲設(shè)計 游戲程序 UI設(shè)計 室內(nèi)設(shè)計 photoshop CAD制圖 視覺設(shè)計 商業(yè)空間設(shè)計 平面設(shè)計