摘要:具體哪些算是跨域如下所示那么為什么需要解決跨域問題由于瀏覽器的同源策略的限制,必須要求請(qǐng)求為同一域。非官方協(xié)議主要是用于解決跨域問題,是一個(gè)數(shù)據(jù)傳輸?shù)母袷健?/p>
1、什么是跨域?
是兩個(gè)不同的域互相請(qǐng)求,這個(gè)稱之為跨域。
具體哪些算是跨域如下所示:
那么為什么需要解決跨域問題?
由于瀏覽器的同源策略的限制,必須要求ajax請(qǐng)求為同一域。
什么是同源呢??
2、模擬跨域請(qǐng)求同源策略(Same originpolicy)是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽器的正常功能可能都會(huì)受到影響??梢哉fWeb是構(gòu)建在同源策略基礎(chǔ)之上的,瀏覽器只是針對(duì)同源策略的一種實(shí)現(xiàn)
所謂同源是指,域名,協(xié)議,端口相同。
跨域的體現(xiàn):
3、跨域問題的解決【重點(diǎn)&難點(diǎn)】現(xiàn)在是通過一個(gè)技術(shù)“jsonp技術(shù)”。
問:jsonp和json是什么關(guān)系?
答:這2者沒有一毛錢關(guān)系。Jsonp非官方協(xié)議主要是用于解決跨域問題,json是一個(gè)數(shù)據(jù)傳輸?shù)母袷健?/p>
3.1、前輩是如何解決跨域問題
上述的方法就是現(xiàn)在jsonp的原型。
3.2、目前主流的跨域問題的解決方法
3.2.1、XHR2解決跨域問題
XHR2:XMLHttpRequest Level2
核心:在被請(qǐng)求的文件中添加一個(gè)header頭。
缺點(diǎn):在IE10以下的瀏覽器不支持。
但是:這個(gè)解決方案是符合W3C標(biāo)準(zhǔn)的,也是其提倡的解決方案,這個(gè)方法在移動(dòng)端也是支持的。
3.2.2、代理方式
核心:代理
讓ajax請(qǐng)求本地服務(wù)器 服務(wù)器處理請(qǐng)求問題
3.2.3、jQuery中的ajax方法
例如:$.get方法、$.getJSON方法
Get方法:
要求1:請(qǐng)求期望返回?cái)?shù)據(jù)類型必須是jsonp;
要求2:必須在請(qǐng)求地址上帶一個(gè)參數(shù)名;
GetJSON方法:
該方法和get方法基本一致,只是在發(fā)送請(qǐng)求的時(shí)候略有差異
要求1:參數(shù)callback后面的“=?”不能省略,必須要寫;
要求2:和get方法不一樣,jsonp作為期望的返回?cái)?shù)據(jù)類型,可以不寫;
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/81909.html
摘要:關(guān)于,強(qiáng)烈推薦閱讀跨域資源共享詳解阮一峰另外,這里也整理了一個(gè)實(shí)現(xiàn)原理圖簡化版如何判斷是否是簡單請(qǐng)求瀏覽器將請(qǐng)求分成兩類簡單請(qǐng)求和非簡單請(qǐng)求。 前言 從剛接觸前端開發(fā)起,跨域這個(gè)詞就一直以很高的頻率在身邊重復(fù)出現(xiàn),一直到現(xiàn)在,已經(jīng)調(diào)試過N個(gè)跨域相關(guān)的問題了,16年時(shí)也整理過一篇相關(guān)文章,但是感覺還是差了點(diǎn)什么,于是現(xiàn)在重新梳理了一下。 個(gè)人見識(shí)有限,如有差錯(cuò),請(qǐng)多多見諒,歡迎提出iss...
摘要:在接觸前端開發(fā)起,跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn),最近在工作中遇到了跨域的相關(guān)問題,這里我把它總結(jié)記錄一下。 在接觸前端開發(fā)起,跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn),最近在工作中遇到了跨域的相關(guān)問題,這里我把它總結(jié)記錄一下。關(guān)于跨域,有N種類型,現(xiàn)在我只專注于ajax請(qǐng)求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹),內(nèi)容...
摘要:跨域完全講解今天在慕課網(wǎng)上學(xué)習(xí)了跨域完全講解我在收集面試題的時(shí)候其實(shí)就已經(jīng)有過跨域的問題的了,當(dāng)時(shí)候知道了為什么會(huì)存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學(xué)習(xí),又加深了跨域的理解,以此記錄下來。 AJAX跨域完全講解 今天在慕課網(wǎng)上學(xué)習(xí)了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時(shí)候其實(shí)就已經(jīng)有過AJAX跨域...
摘要:跨域完全講解今天在慕課網(wǎng)上學(xué)習(xí)了跨域完全講解我在收集面試題的時(shí)候其實(shí)就已經(jīng)有過跨域的問題的了,當(dāng)時(shí)候知道了為什么會(huì)存在跨域,以及跨域解決的方案有哪些,今天隨著課程的學(xué)習(xí),又加深了跨域的理解,以此記錄下來。 AJAX跨域完全講解 今天在慕課網(wǎng)上學(xué)習(xí)了AJAX跨域完全講解:https://www.imooc.com/learn/947 我在收集AJAX面試題的時(shí)候其實(shí)就已經(jīng)有過AJAX跨域...
閱讀 2850·2023-04-25 14:41
閱讀 2458·2021-11-23 09:51
閱讀 3766·2021-11-17 17:08
閱讀 1747·2021-10-18 13:31
閱讀 5669·2021-09-22 15:27
閱讀 985·2019-08-30 15:54
閱讀 2285·2019-08-30 13:16
閱讀 793·2019-08-29 17:04