【前端基礎】ajax
ajax 是什麼?
ajax —— asynchronous JavaScript and xml :非同步的 js 和 xml
它能使用 js 訪問伺服器,而且是非同步訪問
伺服器給客戶端的響應一般是整個頁面,一個 html 完整頁面!但在 ajax 中因為是區域性重新整理,那麼伺服器就不用響應整個頁面,而只是資料。
非同步互動和同步互動
同步:傳送一個請求,要等待伺服器的響應結束,才能傳送第二個請求。中間這段時間就是我們們常說的“卡”。重新整理的是整個頁面。
非同步:傳送一個請求,無需等待伺服器的響應,然後就可以發第二個請求。可以使用 js 接收伺服器的響應,然後使用 js 來區域性重新整理。
Ajax 優點:
1. 使用者體驗增加: Ajax 最大的優點就是能在不重新整理整個頁面的情況下維持與伺服器通訊
2. 非同步與伺服器通訊:使用非同步的方式與伺服器通訊,不打斷使用者的操作
3. 前端與後端負載均衡:將一些後端的工作移到前端,減少伺服器與頻寬的負擔
4. 基於規範被廣泛支援:不需要下載瀏覽器外掛或者小程式,但需要客戶允許 JavaScript 在瀏覽器上執行。
5. 介面與應用分離: Ajax 使得介面與應用分離,也就是資料與呈現分離
Ajax 缺點:
1.Ajax 幹掉了 Back 與 History 功能,即對瀏覽器機制的破壞
2. 安全問題: AJAX 技術給使用者帶來很好的使用者體驗的同時也對 IT 企業帶來了新的安全威脅, Ajax 技術就如同對企業資料建立了一個直接通道。這使得開發者在不經意間會暴露比以前更多的資料和伺服器邏輯。
3. 對搜尋引擎支援較弱
4. 破壞程式的異常處理機制
5. 違背 URL 與資源定位的初衷
6. 不能很好地支援移動裝置
Ajax 免費課程:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69926013/viewspace-2650244/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- python urllib 基礎 get ajaxPython
- Django基礎五之AjaxDjango
- 前端筆記之伺服器&Ajax(中)MySQL基礎操作&PHP運算元據庫&Ajax前端筆記伺服器MySqlPHP
- 前端——基礎前端
- 前端基礎前端
- 前端基礎之jQuery基礎前端jQuery
- 【web前端基礎 | JS基礎】物件Web前端JS物件
- 前端之AJAX前端
- javaweb-ajax和json基礎知識JavaWebJSON
- 前端基礎_CSS前端CSS
- 【前端基礎】Bootstrap前端boot
- 前端建模基礎前端
- Ajax基礎原理及使用教程(來自動力節點ajax教程)
- 前端基礎入門四(JavaScript基礎)前端JavaScript
- 前端基礎複習前端
- 前端基礎(十):promise前端Promise
- 前端基礎——HTML(二)前端HTML
- 前端基礎知識前端
- 前端基礎之前端知識引入前端
- js基礎進階–從ajax到fetch的理解JS
- 藉助node.js + mysql 學習基礎ajax~Node.jsMySql
- 《大前端 基礎元件》系列 CSS基礎架構前端元件CSS架構
- 《前端運維》一、Linux基礎--基礎命令(1)前端運維Linux
- 前端開發的ajax前端
- 前端基礎_ES6前端
- 前端效能優化基礎前端優化
- 前端基礎(七):cookie操作前端Cookie
- 前端基礎(三):函式前端函式
- 前端模組化基礎前端
- 前端基礎之jQuery引入前端jQuery
- 前端基礎之JavaScript引入前端JavaScript
- 前端佈局基礎概述前端
- 前端-JavaScript基礎知識前端JavaScript
- 前端基於瀏覽器儲存的AJAX效能優化前端瀏覽器優化
- [ 造輪子 ] 手動封裝 AJAX (一) —— 基礎版封裝
- 前端基礎(四):前端國際規範收集前端
- 前端之路---入坑篇之基礎中的基礎html前端HTML
- 前端正規表示式基礎前端