為什么會有跨域問題? - 因為有同源策略
同源策略是瀏覽器的一種安全策略,所謂同源指的是 請求URL地址中的 協議, 域名 和 端口 都相同,只要其中之一不相同就是跨域
同源策略主要為了保證瀏覽器的安全性
在同源策略下,瀏覽器 不允許 Ajax跨域獲取服務器數據
http://www.example.com/detail.html
跨域請求:
ajax的基本概念
了解這個概念,首先得先知道同步交互與異步交互
同步交互:客戶端瀏覽器給服務器發送一個請求,服務器返回一個頁面,返回的頁面會把之前的頁面覆蓋掉,我們把這種交互方式稱為同步交互 異步交互:就是可會斷瀏覽器給服務器發送一個請求,服務器返回數據,返回的數據不會把之前的頁面覆蓋掉,我們把這種交互方式稱之為異步交互ajax主要的應用場景:頁面不刷新,就可以與服務器進行動態的數據交互
交互的原理
同步交互原理:我們在瀏覽器,怎么給服務器發送請求呢?可以點擊超鏈接,提交表單,瀏覽器地址欄輸入地址,都是給服務器發送請求,實際上是瀏覽器幫助我們給服務器去發送請求 異步交互的原理:JavaScript給我們提供了一個新的API接口,幫我們去發送http請求,由XMLHttpRequest 對象來幫助我們發送請求我們所有的交互操作都可以通過這個對象來完成,發送請求,接受服務器的數據
ajax的具體應用場景
前臺可以通過XMLHttpRequest 給服務器發送請求,然后再通過XMLHttpRequest 對象來接受服務器返回的數據,最后通過dom操作把數據寫到頁面上 ajax:可以用來表單輸入規范驗證 ajax:也可以用來做性能優化,比如一個頁面非常龐大,這個頁面不可能一次加載完畢,實現一個滾動加載XMLHttpRequest 交互的四個步驟
1,實例化XMLHttpRequest 對象
2,想和服務器進行交互,必須和服務器打開一個連接
3,給服務器發送數據,發送參數數據到服務器
4,接受服務器返回的數據,服務器在返回給客戶端的時候會返回一些狀態,可以通過監聽服務器狀態的改變,來更好的操控整個交互流程
ajax跨域
跨域:假設我訪問 a 站點,后臺返回給我一個頁面,然后我又想在 a 站點的這個頁面去訪問 b 站點的資源,這就是一個跨域的效果,跨域瀏覽器是有安全限制的
新聞熱點
疑難解答
圖片精選