瀏覽器中的 Ajax 請求流程一般包括以下幾個步驟:
- 創建 XMLHttpRequest 對象
通過 new XMLHttpRequest() 方法創建 XMLHttpRequest 請求對象,該對象提供了一些屬性和方法,可以用來發送 Ajax 請求並處理響應數據。
- 發送請求
使用 open() 方法設置請求參數和 send() 方法發送請求。open() 方法包括三個參數:請求方法(get、post 等)、請求地址和是否異步發送請求(true 或 false)。send() 方法可以發送請求數據,例如表單提交的數據。
- 服務端響應處理
當服務端接受到請求後,會根據請求的參數進行相關的處理,並返回數據。返回的數據可以是 HTML、XML、JSON、文本等不同類型的數據。
- 接收響應
通過 XMLHttpRequest 對象提供的 readyState 屬性判斷請求狀態,當 readyState 值爲 4 時,表示請求完成。然後通過 status 屬性獲取狀態碼,判斷響應是否成功。如果狀態碼爲 200,表示響應成功,可以通過 responseText 或 responseXML 屬性獲取響應數據。
- 數據處理和展示
獲取到響應數據後,可以將數據進行處理,例如解析成 HTML、JSON 或 XML 等格式,以便後續進行展示和使用。
如果請求數據失敗或者請求超時,可以通過 XMLHttpRequest 對象提供的 error 和 timeout 事件進行相應處理。
需要注意的是,由於 Ajax 請求是異步進行的,因此不能直接通過返回值獲取響應數據,而是需要通過回調函數的方式處理。