什麼是 ajax？----異步 javascript 和 xml

GET 用於請求服務器數據

POST 用於上傳數據到服務器，或者修改服務器數據

 

ajax

異步通訊，實現頁面的局部刷新，按需獲取數據，節約帶寬，帶來更好的用戶體驗

客戶端與服務器在沒必要刷新瀏覽器的狀況下，與服務器進行異步通信的技術

與後臺進行 HTTP 通訊，無需刷新總體頁面, 而只是根據本身的需求作局部頁面的更新

• xml http request
• window.fetch -------- 後期出現的方法，老版本瀏覽器IE8如下 不支持__能夠考慮 fetch 庫兼容

原生語法的，promise 風格的 ____多一次 .then()

優勢

頁面無需刷新，用戶體驗好

異步通訊方式，響應迅速

按需取數據，減輕服務器的壓力

缺點

不支持 back 回退

對搜索引擎支持較弱

跨域： 當前地址 與 請求地址 不一樣 ---- 協議、域名、端口號

瀏覽器處於安全考慮的同源政策，不容許發送跨越的 ajax 請求

解決 ajax 跨域：

• jsonp 只能解決GET請求跨域
• cors 能夠解決 GET/POST
• 代理： 在開發環境下使用比較多。

在生產環境下用 Apache 作轉發（代理）也能夠實現

區別ajax請求和普通的HTTP請求?

相同點: 都是向服務器提交的http請求

不一樣點:

普通的 HTTP 請求

獲得頁面

服務器端渲染數據，自動刷新頁面

多頁應用

ajax 請求

獲得 json 數據

不會自動刷新頁面，須要手動處理數據，瀏覽器渲染數據

單頁面應用 SPA

如何發送ajax請求?

XMLHttpRequest

jquery

axios

fetch

 

只能解決GET請求跨域