三、jQuery--Ajax基礎--Ajax全接觸--Ajax在JS中的應用
AJAX的全稱：Asynchronous JavaScript And XML（異步的 JavaScript 和 XML）。
AJAX不是某種編程語言，是一種在無需重新加載整個網頁的情況下能夠更新部分網頁的技術。
如何實現Ajax技術（要有這三個方面）：
1、運用HTML和CSS來實現頁面，表達信息；
2、運用XMLHttpRequest和web服務器進行數據的異步交換；
3、運用JavaScript操作DOM，實現動態局部刷新。
創建XMLHttpRequest對象：
var request = new XMLHttpRequest();
如何兼容IE5、IE6甚至更早的版本？
HTTP請求：
什么是HTTP：http是計算機通過網絡進行通信的規則。
HTTP是一種無狀態的協議（無狀態協議指的是瀏覽器與服務器不建立持久的連接）。
一個完整的http請求過程，通常有下面7個步驟：
1、建立TCP連接
2、web瀏覽器向web服務器發送請求命令
3、web瀏覽器發送請求頭信息
4、web服務器應答
5、web服務器發送應答頭信息
6、web服務器向瀏覽器發送數據
7、web服務器關閉TCP連接
HTTP請求
一個HTTP請求一般由四部分組成：
1、HTTP請求的方法或動作，比如是GET還是POST請求
2、正在請求的URL，總得知道請求的地址是什么吧
3、請求頭，包含一些客戶端環境信息，身份驗證信息等
4、請求體，也就是請求正文，請求正文中可以包含客戶提交的查詢字符串信息，表單信息等等
一個典型的請求如下：
GET:一般用于信息獲取
使用URL傳遞參數
對所發送的信息數量也有限制，一般在2000個字符
POST:一般用于修改服務器上的資源
對所發送的信息數量無限制
一個HTTP響應一般由三部分組成
1、一個數字和文字組成的狀態碼，用來顯示請求是成功還是失敗
2、響應頭，響應頭和請求頭一樣包含許多有用的信息，例如服務器類型，日期時間，內容類型和長度等
3、響應體，也就是響應正文
一個典型的響應內容如下：
HTTP狀態碼一般由3位數字構成，其中首位數字定義了狀態碼的類型：
1XX 信息類，表示收到web瀏覽器請求，正在進一步處理中
2XX 成功，表示用戶請求被正確接收，理解和處理，例如200 OK
3XX 重定向，表示請求沒有成功，客戶必須采取進一步的動作
4XX 客戶端錯誤，表示客戶端提交的請求有錯誤，例如404 NOT Found，意味著請求中所引用的文檔不存在
5XX 服務器錯誤，表示服務器不能完成對請求的處理，例如500
XMLHttpRequest發送請求
open(method,url,async)
method:get/post 不區分大小寫
url:請求地址
async:同步或者異步，true為異步處理，false為同步請求，一般默認為異步請求
send(string)
一般get不填參數，post要填參數
XMLHttpRequest取得響應
獲取響應值：
responseText：獲得字符串形式的響應數據
responseXML：獲得XML形式的響應數據
status和statusText：以數字和文本形式返回HTTP狀態碼
getAllResponseHeader()：獲取所有的響應報頭
getResponseHeader()：查詢響應中的某個字段的值
在響應返回成功時得到通知：
readyState屬性：
0：請求未初始化，open還沒有調用
1：服務器連接已建立，open已經調用了
2：請求已接收，也就是接收到頭信息了
3：請求處理中，也就是接收到響應主體了
4：請求已完成，且響應已就緒，也就是響應完成了
如果我們想知道服務器響應有沒有成功，就需要監聽以上的屬性值變化
監聽方法：
以上概念實例化代碼如下：
Ajax jQuery
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
相關文章