Ajax

ajax是一種浏覽器異步發起請求。局部更新頁面的技術。

原生的Ajax請求，

1、我們首先要建立XMLHttpRequest 對象

2、調用open方法設定請求參數

3、調用send方法發送請求

4、在send方法前綁定onreadystatechange事件，處理請求完成後的操作。

對應接收資料的Servlet和對應的方法：

web.xml中的配置：

結果：

四個Ajax請求方法

$.ajax方法

$.get方法

$.post方法

$.getJSON方法

一個表單序列化方法：serialize()表單序列化方法

如何使用上面的五個方法：

在JQuery中和Ajax請求有關的方法有四個

$.ajax請求參數

url：                                 請求的位址

type :                         請求的方式             get或post

data :                        請求的參數             string或json

success:                    成功的回調函數

dataType:                 傳回的資料類型      常用json或text

下面的方法必須遵守參數的順序

$.get請求和$.post請求

url:請求的URL位址

data:待發送 Key/value 參數。

callback:載入成功時回調函數。

type:傳回内容格式，xml, html, script, json, text。

Jquery的$.getJSON

url:待載入頁面的URL位址

表單的序列化

serialize() 方法可以把一個form表單中所有的表單項。都以字元串name=value&name=value的形式進行拼接，省去我們很多不必要的工作。

由于$.get、$.post和getJSON這三個方法的底層都是直接或者間接地使用$.ajax()方法來實作的異步請求的調用。是以我們以$.ajax()方法的使用為示例進行展示：

舉例說明：

對應的servlet代碼：