JavaWEB開發14——ajax

1、Ajax概述
1．什麼是同步，什麼是異步
同步現象：客戶端發送請求到服務器端，當服務器返回響應以前，客戶端都處於等待 卡死狀態
異步現象：客戶端發送請求到服務器端，不管服務器是否返回響應，客戶端均可以隨 意作其餘事情，不會被卡死

2．Ajax的運行原理
頁面發起請求，會將請求發送給瀏覽器內核中的Ajax引擎，Ajax引擎會提交請求到 服務器端，在這段時間裏，客戶端能夠任意進行任意操做，直到服務器端將數據返回 給Ajax引擎後，會觸發你設置的事件，從而執行自定義的js邏輯代碼完成某種頁面1 功能。

2、js原生的Ajax技術（瞭解）
js原生的Ajax其實就是圍繞瀏覽器內內置的Ajax引擎對象進行學習的，要使用js原 生的Ajax完成異步操做，有以下幾個步驟：
1）建立Ajax引擎對象
2）爲Ajax引擎對象綁定監聽（監聽服務器已將數據響應給引擎）
3）綁定提交地址
4）發送請求
5）接受響應數據

注意：若是是post提交
在發送請求以前設置一個頭
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

總結：
所用異步訪問都是ajax引擎

3、Json數據格式（重要）

json是一種與語言無關的數據交換的格式，做用：
使用ajax進行先後臺數據交換
移動端與服務端的數據交換

1．Json的格式與解析
json有兩種格式：
1）對象格式：{"key1":obj,"key2":obj,"key3":obj...}
2）數組/集合格式：[obj,obj,obj...]

例如：user對象 用json數據格式表示
{"username":"zhangsan","age":28,"password":"123","addr":"北京"}

List<Product> 用json數據格式表示
[{"pid":"10","pname":"小米4C"},{},{}]

注意：對象格式和數組格式能夠互相嵌套

注意：json的key是字符串 jaon的value是Object

json的解析：
json是js的原生內容，也就意味着js能夠直接取出json對象中的數據

2．Json的轉換插件

將java的對象或集合轉成json形式字符串

json的轉換插件是經過java的一些工具，直接將java對象或集合轉換成json字符串。
經常使用的json轉換工具備以下幾種：
1）jsonlib
2）Gson：google
3）fastjson：阿里巴巴

4、Jquery的Ajax技術（重點）
jquery是一個優秀的js框架，天然對js原生的ajax進行了封裝，封裝後的ajax的操 做方法更簡潔，功能更強大，與ajax操做相關的jquery方法有以下幾種，但開發中 常常使用的有三種

1）$.get(url, [data], [callback], [type])
2）$.post(url, [data], [callback], [type])

其中：
url：表明請求的服務器端地址
data：表明請求服務器端的數據（能夠是key=value形式也能夠是json格式）
callback：表示服務器端成功響應所觸發的函數（只有正常成功返回才執行）
type：表示服務器端返回的數據類型（jquery會根據指定的類型自動類型轉換）
經常使用的返回類型：text、json、html等

3）$.ajax( { option1:value1,option2:value2... } ); ---- 之後在掌握經常使用的option有以下：async：是否異步，默認是true表明異步data：發送到服務器的參數，建議使用json格式dataType：服務器端返回的數據類型，經常使用text和jsonsuccess：成功響應執行的函數，對應的類型是function類型type：請求方式，POST/GETurl：請求服務器端地址