国产探花免费观看_亚洲丰满少妇自慰呻吟_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 站點的資源,這就是一個跨域的效果,跨域瀏覽器是有安全限制的

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 胶州市| 报价| 灌云县| 西丰县| 梁河县| 全州县| 丰县| 剑河县| 闽侯县| 阳春市| 新巴尔虎左旗| 芷江| 原平市| 庆元县| 镇远县| 阿勒泰市| 耒阳市| 胶州市| 宜兴市| 凉城县| 沈阳市| 安西县| 定陶县| 博野县| 雅江县| 黑河市| 泾源县| 岑溪市| 巨鹿县| 菏泽市| 兰考县| 偃师市| 漯河市| 伽师县| 银川市| 泸西县| 大埔县| 乾安县| 碌曲县| 栖霞市| 芜湖县|