html5跨域同步 html5 跨域

html5的跨域資源共享是什么意思

資源共享即多個(gè)用戶共用計(jì)算機(jī)系統(tǒng)中的硬件和 軟件資源。在網(wǎng)絡(luò)系統(tǒng)中終端用戶可以共享的主要資源包括處理機(jī)時(shí)間、共享空間、各種軟設(shè)備和數(shù)據(jù)資源等。資源共享是計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)的主要目標(biāo)之一。

創(chuàng)新互聯(lián)長期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為懷仁企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站制作，懷仁網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

跨域資源共享（ CORS ）機(jī)制允許 Web 應(yīng)用服務(wù)器進(jìn)行跨域訪問控制，從而使跨域數(shù)據(jù)傳輸?shù)靡园踩M(jìn)行。其需要服務(wù)端和客戶端同時(shí)支持。 對于簡單請求，瀏覽器直接發(fā)出CORS請求。

CORS是一個(gè)W3C標(biāo)準(zhǔn)，全稱是跨域資源共享（Cross-origin resource sharing）。它允許瀏覽器向跨源服務(wù)器，發(fā)出 XMLHttpRequest 請求，從而克服了AJAX只能 同源 使用的限制。CORS需要瀏覽器和服務(wù)器同時(shí)支持。

h5如何解決iframe跨域同源問題?

這里首先想到就是把h5頁面用iframe內(nèi)嵌到pc網(wǎng)頁中，然后pc通過postMessage方法，把變化的數(shù)據(jù)發(fā)送給iframe，iframe內(nèi)嵌的h5通過addEventListener接收數(shù)據(jù)，再對數(shù)據(jù)做響應(yīng)式的變化。

這意味著只要把這個(gè)值設(shè)置成一樣就可以解決跨域問題了。

我們可以借助 Nginx （需要與iframe請求的域名所在的Nginx)， 配置一個(gè)代理地址，進(jìn)行中間跳轉(zhuǎn)，即可解決跨域問題。

就是建立一個(gè)隱藏的iframe在當(dāng)前頁面b.html，并在當(dāng)前頁中定義函數(shù)a。服務(wù)器端把返回的數(shù)據(jù)重定向到一個(gè)同域的頁面（a.html）中。

html5怎樣進(jìn)行跨域通信

這里首先想到就是把h5頁面用iframe內(nèi)嵌到pc網(wǎng)頁中，然后pc通過postMessage方法，把變化的數(shù)據(jù)發(fā)送給iframe，iframe內(nèi)嵌的h5通過addEventListener接收數(shù)據(jù)，再對數(shù)據(jù)做響應(yīng)式的變化。

使用這個(gè)功能，只要獲取到網(wǎng)頁所在窗口對象的實(shí)例，不僅僅同源(域+端口號)的web網(wǎng)頁之間可以互相通信，甚至可以實(shí)現(xiàn)跨域通信。

通過jsonp跨域 Jsonp是Json的一種“使用模式”，他就可以解決瀏覽器遇到的跨域問題，我們可以動(dòng)態(tài)創(chuàng)建script，再請求一個(gè)帶參網(wǎng)址實(shí)現(xiàn)跨域通信。用Jsonp請求得到的是JavaScript，相當(dāng)于直接用JavaScript解析。

使用html5PostMessage方法，html5引入的message的API可以更方便、有效、安全的解決這些難題。postMessage()方法允許來自不同源的腳本采用異步方式進(jìn)行有限的通信，可以實(shí)現(xiàn)跨文本檔、多窗口、跨域消息傳遞。

跨域請求是什么?

跨域是指瀏覽器允許向服務(wù)器發(fā)送跨域請求，從而克服Ajax只能 同源 使用的限制。

跨域，是指瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對JavaScript實(shí)施的安全限制。

廣義跨域就是指跨域訪問，簡單來說就是 A 網(wǎng)站的 javascript 代碼試圖訪問 B 網(wǎng)站，包括提交內(nèi)容和獲取內(nèi)容。由于安全原因，跨域訪問是被各大瀏覽器所默認(rèn)禁止的。

下面我們將介紹幾種跨域請求的方法。JSONPJSONP（JSONwithpadding）是一種跨域請求的解決方案。它通過在頁面中動(dòng)態(tài)生成一個(gè)script標(biāo)簽，從而將數(shù)據(jù)以回調(diào)函數(shù)的形式返回到頁面中。

跨域產(chǎn)生的原因和解決方法

1、解決方案：js向服務(wù)器發(fā)送請求，然后讓服務(wù)器去另一個(gè)域上獲取數(shù)據(jù)后返回。（用于你無法控制另一個(gè)域） 比如php中利用cUrl。放置跨域文件.用JSONP。雖然不能跨域進(jìn)行通信，但是可以引入跨域的js文件。

2、跨域問題產(chǎn)生的原因，是由于瀏覽器的安全機(jī)制，JS只能訪問與所在頁面同一個(gè)域（相同協(xié)議、域名、端口）的內(nèi)容（參考js的同源策略）。

3、nginx用來解決跨域問題的原理與 前端非正統(tǒng)解決方式 的 proxy 的思路是一致的。項(xiàng)目請求接口由nginx服務(wù)發(fā)出，獲取到的數(shù)據(jù)再經(jīng)由nginx傳遞給前端項(xiàng)目，這樣前端的請求其實(shí)都是由nginx處理的，就沒有跨域發(fā)生了。

4、場景：前后端分離，頁面和后端項(xiàng)目部署在不同服務(wù)器，出現(xiàn)請求跨域問題。

5、跨域請求存在的原因：由于瀏覽器的同源策略，即屬于不同域的頁面之間不能相互訪問各自的頁面內(nèi)容。

網(wǎng)頁名稱：html5跨域同步 html5 跨域
轉(zhuǎn)載來源：http://muchs.cn/article8/dgcieop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、服務(wù)器托管、網(wǎng)站設(shè)計(jì)、微信公眾號、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)