js跨域請求的5中解決方式_javascript技巧

JSONP方式
表單POST方式
服務(wù)器代理
Html5的XDomainRequest
Flash request

分開說明：

一、JSONP：

直觀的理解：

就是在客戶端動態(tài)注冊一個函數(shù)

function a(data)，然后將函數(shù)名傳到服務(wù)器，服務(wù)器返回一個a({/*json*/})到客戶端運行,這樣就調(diào)用客戶端的

function a(data),從而實現(xiàn)了跨域.

誕生背景：

1、Ajax直接請求普通文件存在跨域無權(quán)訪問的問題，甭管是靜態(tài)頁面、動態(tài)網(wǎng)頁、web服務(wù)、wcf、只要是跨域請求，一律不行。

2、不過，web頁面上調(diào)用js文件時則不受此影響

3、進一步推廣，我們發(fā)現(xiàn)，凡是擁有Src屬性的標(biāo)簽都有跨域能力，如：

1、我們知道，哪怕跨域js文件中的代碼（當(dāng)然指符合web腳本安全策略的），web頁面也是可以無條件執(zhí)行的。

遠程服務(wù)器remoteserver.com根目錄下有個remote.js文件代碼如下：

alert('我是遠程文件');

本地服務(wù)器localserver.com下有個jsonp.html頁面代碼如下：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js跨域請求的5中解決方式_javascript技巧

js跨域請求的5中解決方式_javascript技巧:跨域請求數(shù)據(jù)解決方案主要有如下解決方法： JSONP方式 表單POST方式 服務(wù)器代理 Html5的XDomainRequest Flash request 分開說明： 一、JSONP： 直觀的理解： 就是在客戶端動態(tài)注冊一個函數(shù) function a(data)，然后將函數(shù)名傳到服務(wù)器，服

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽： 解決 js 訪問的

• 熱門焦點