ajax的概述
阿新 • • 發佈:2019-01-05
服務器端 數據 方式 實例 一個 瀏覽器內核 之前 客戶 spa
1.什麽是同步,什麽是異步
同步現象:客戶端發送請求到服務器端,當服務器返回響應之前,客戶端都處於等待卡死狀態。
異步現象:客戶端發送請求到服務器端,無論服務器是否返回響應,客戶端都可以隨 意做其他事情,不會被卡死。
2.Ajax的運行原理
頁面發起請求,會將請求發送給瀏覽器內核中的Ajax引擎,Ajax引擎會提交請求到服務器端,在這段時間裏,客戶端可以任意進行任意操作,直到服務器端將數據返回給Ajax引擎後,會觸發你設置的事件,從而執行自定義的js邏輯代碼完成某種頁面功能。
3 js原生的Ajax技術
js原生的Ajax其實就是圍繞瀏覽器內內置的Ajax引擎對象進行學習的,要使用js原生的Ajax完成異步操作,有如下幾個步驟:
1)創建Ajax引擎對象
2)為Ajax引擎對象綁定監聽(監聽服務器已將數據響應給引擎)
3)綁定提交地址
4)發送請求
5)接受響應數據
實例
Jquery的Ajax技術
jquery是一個優秀的js框架,自然對js原生的ajax進行了封裝,封裝後的ajax的操 作方法更簡潔,功能更強大。
常用的option有如下:
async:是否異步,默認是true代表異步
data:發送到服務器的參數,建議使用json格式
dataType:服務器端返回的數據類型,常用text和json
success:成功響應執行的函數,對應的類型是function類型
type:請求方式,POST/GET
url:請求服務器端地址
ajax的概述