前言：

作為資深球迷，提起Ajax，第一反應想到的是阿賈克斯，那個曾培養出伊布，范德法特，蘇亞雷斯，亨特拉爾等一眾球星的荷甲著名球隊。

很顯然，我們今天說的Ajax，跟足球沒有任何關系，我們說的是這個Ajax：Asynchronous JavaScript And XML(異步JavaScript和XML)。

Ajax不是一門編程語言，指的是一種交互方式：客戶端與服務器交換數據并更新在局部網頁的技術，不需要重新加載整個頁面。

Ajax的核心就是異步加載或者叫局部刷新。

什么是局部刷新？通過一個直觀的例子來了解。

需求

1.點擊提交按鈕，向服務器發請求，等待響應。

2.同時在input框輸入信息。

3.服務器返回"haha"字符串，將結果顯示在頁面。

傳統方法會刷新整個頁面：

點擊提交按鈕后，正在input框輸入內容時，服務器響應返回。會以重新加載整個頁面的形式展示結果，同步加載，所以input框內輸入的內容全部清空。

Ajax局部刷新：

點擊提交按鈕后，在input框輸入內容，服務器響應返回，只動態刷新要展示結果的部分網頁，并不會影響到input框的輸入，結果展示和輸入是同時在進行的，互不干擾，異步加載。

傳統web數據交互 VS Ajax數據交互

客戶端請求方式不同：

傳統：瀏覽器發送同步請求。

Ajax：異步引擎對象發送請求。

服務器響應方式不同：

傳統：響應一個完整頁面(JSP)。

Ajax：響應需要的數據。

客戶端處理方式不同：

傳統：需等待服務器響應完成并重新加載整個頁面后，用戶才能進行操作。

Ajax：動態更新頁面中的局部內容，不影響用戶在頁面的其他操作。

Ajax原理

Ajax的工作原理相當于在客戶端和服務器之間加了—個中間層,使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器,像—些數據驗證和數據處理等都交給Ajax引擎自己來做, 只有確定需要從服務器讀取新數據時再由Ajax引擎代為向服務器提交請求。

Ajax技術的核心：XMLHttpRequest

常用方法：

1. open() 創建一個新的HTTP請求。

2. send() 將請求發送到服務器。

常用事件：

onreadystatechange：指定回調函數。

常用屬性：

readyState：XMLHttpRequest的狀態信息。

狀態碼表示的意義：

0：XMLHttpRequest對象未完成初始化。

1：XMLHttpRequest對象開始發送請求。

2：XMLHttpRequest對象的請求發送完成。

3：XMLHttpRequest對象對象開始讀取響應。

4：XMLHttpRequest對象讀取響應結束。

代碼：

JSP：

總結

以上是生活随笔為你收集整理的ajax post提交数据_详解Ajax异步加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。