ajax跨域簡介

2021-10-25 10:34:17 字數 634 閱讀 3505

跨域:兩個**之間協議頭、網域名稱、埠號任意乙個不同就是跨域。

同源:兩個**之間協議頭、網域名稱、埠號都一致就是同源。

有時,我們使用ajax訪問乙個api,不能訪問成功,並且報錯,如下。

此時,我們已經是跨域訪問了,但是我們仍要訪問,那麼怎麼解決呢。

常見的跨域解決方案是jsonp,該方法比較簡單,不涉及太多後端的知識。

首先我們了解一下jsonp解決跨域的原理

jsonp原理是使用不受跨域限制的標籤發起請求,然後再將響應體轉換為js能夠識別的內容。能夠跨域傳送請求的標籤有,link,script,img等,但是link、img會分別將響應體以樣式表和進行解析,得不到我們想要的內容,那麼script能夠將響應體以js格式進行解析,最終得到我們想要的內容。接下來,就是具體步驟。

建立乙個函式,並給該函式乙個引數用來接收響應體,該函式用於對響應體進行操作。

function

handle

(response)

使用script標籤傳送請求,並將函式名作為引數傳入

ajax跨域 ajax跨域學習總結(一)

網域名稱又稱網域 網域名稱,是由一串用點分隔的名字組成的internet上某一台計算機或計算機組的名稱,用於在資料傳輸時標識計算機的電子方位 有時也指地理位置 internet的核心服務dns domain name system,網域名稱系統,有時也簡稱為網域名稱 提供網域名稱到ip位址的相對映。...

ajax跨域與cookie跨域

ajax跨域取資料 利用可以跨域載入js的原理 functioncallback 這是需要返回這樣乙個js函式 ajax資料型別使用jsonp 如 ajax url callbask x datatype jsonp type get 在使用資料型別為jsonp時,jquery自動會在url路徑上拼...

js跨域 ajax跨域 跨域方式(前端)

跨域方式 cors 跨域資源共享 當使用xmlhttprequest傳送請求時,瀏覽器會自動加上乙個請求頭 origin,後端在接受到請求後確定響應後會在response headers中加入乙個屬性 access control allow origin,值就是發起請求的源位址 瀏覽器得到響應會進...