国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

ajax和jsonp跨域的原理本質詳解

2024-09-01 08:27:01
字體:
來源:轉載
供稿:網友

為什么會有跨域問題? - 因為有同源策略

同源策略是瀏覽器的一種安全策略,所謂同源指的是 請求URL地址中的 協議, 域名 和 端口 都相同,只要其中之一不相同就是跨域

同源策略主要為了保證瀏覽器的安全性

在同源策略下,瀏覽器 不允許 Ajax跨域獲取服務器數據

http://www.example.com/detail.html

跨域請求:

http://api.example.com/detail.html 域名不同 http://www.example.com:8080/detail.html 端口不同 http://api.example.com:8080/detail.html 域名、端口不同 https://api.example.com/detail.html 協議、域名不同 https://www.example.com:8080/detail.html 端口、協議不同

ajax的基本概念

了解這個概念,首先得先知道同步交互與異步交互

同步交互:客戶端瀏覽器給服務器發送一個請求,服務器返回一個頁面,返回的頁面會把之前的頁面覆蓋掉,我們把這種交互方式稱為同步交互 異步交互:就是可會斷瀏覽器給服務器發送一個請求,服務器返回數據,返回的數據不會把之前的頁面覆蓋掉,我們把這種交互方式稱之為異步交互

ajax主要的應用場景:頁面不刷新,就可以與服務器進行動態的數據交互

交互的原理

同步交互原理:我們在瀏覽器,怎么給服務器發送請求呢?可以點擊超鏈接,提交表單,瀏覽器地址欄輸入地址,都是給服務器發送請求,實際上是瀏覽器幫助我們給服務器去發送請求 異步交互的原理:JavaScript給我們提供了一個新的API接口,幫我們去發送http請求,由XMLHttpRequest 對象來幫助我們發送請求

我們所有的交互操作都可以通過這個對象來完成,發送請求,接受服務器的數據

ajax的具體應用場景

前臺可以通過XMLHttpRequest 給服務器發送請求,然后再通過XMLHttpRequest 對象來接受服務器返回的數據,最后通過dom操作把數據寫到頁面上 ajax:可以用來表單輸入規范驗證 ajax:也可以用來做性能優化,比如一個頁面非常龐大,這個頁面不可能一次加載完畢,實現一個滾動加載

XMLHttpRequest 交互的四個步驟

      1,實例化XMLHttpRequest 對象

      2,想和服務器進行交互,必須和服務器打開一個連接

      3,給服務器發送數據,發送參數數據到服務器

      4,接受服務器返回的數據,服務器在返回給客戶端的時候會返回一些狀態,可以通過監聽服務器狀態的改變,來更好的操控整個交互流程

ajax跨域

跨域:假設我訪問 a 站點,后臺返回給我一個頁面,然后我又想在 a 站點的這個頁面去訪問 b 站點的資源,這就是一個跨域的效果,跨域瀏覽器是有安全限制的

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金昌市| 宁蒗| 丰县| 西林县| 武冈市| 莎车县| 大余县| 长治县| 海南省| 山东省| 鄂托克旗| 始兴县| 微山县| 隆德县| 成安县| 荃湾区| 习水县| 蓬莱市| 河北省| 康定县| 牡丹江市| 商洛市| 泰州市| 合水县| 五原县| 竹山县| 岚皋县| 哈尔滨市| 长垣县| 泰来县| 黑山县| 黑龙江省| 司法| 千阳县| 临高县| 财经| 赤水市| 班戈县| 收藏| 西乌珠穆沁旗| 湖北省|