學習主題：AJAX

刪除用戶功能實現

根據視頻中的講解，完成以下內容

1. 1. 簡述刪除功能的基本思路流程

點擊按鈕獲取當前元素中的用戶uid，向服務器發起請求，將uid提交到服務器刪除指定用戶，瀏覽器獲取瀏覽器響應結果。

1. 1. 獨立完成刪除按鈕的創建以及刪除請求路徑的修改
   2. 完成刪除功能的Servlet的實現
2. 刪除用戶信息和問題說明
   1. 刪除用戶信息和問題說明
   2. 什么是當前請求頁？

當前請求不一定指整個瀏覽器窗口，而是指當前請求對網頁數據進行造成修改的作用域。

1. ajax介紹&ajax的訪問原理
   1. 視頻中ajax的特點是？

不會覆蓋之前的響應結果，只會部分刷新網頁信息。

1. 1. 根據視頻總結ajax的基本原理

ajax對象向服務器發送請求，瀏覽器獲取響應結果并不會直接顯示瀏覽器窗口，而是將響應信息返回給ajax對象，然后通過js的dom操作就可以對網頁進行局部更改。

1. 1. 使用畫圖軟件根據視頻畫出視頻中的ajax訪問原理圖。

1. 非ajax和ajax方式比較&第一個ajax請求
   1. 視頻中創建Ajax對象的代碼是？

var ajax;
if(window.XMLHttpRequest){ajax=new XMLHttpRequest();//主流瀏覽器的新版本都支持包括IE
}else if(window.ActiveXObject){ajax=new ActiveXObject("Msxml2.XMLHTTP");//IE瀏覽器舊版本}

1. 1. 視頻中創建ajax請求的代碼是？

ajax.open(method,url,async);

1. 1. 視頻中發送ajax請求的代碼是？

ajax.send(Object body);

1. 1. 視頻中聲明ajax監聽的代碼是？

ajax.onreadystatechange=function(){}

1. ajax的狀態碼學習
   1. 視頻中講解的Ajax的狀態碼及其含義是?

- 0：表示ajax引擎對象被創建

- 1：表示請求創建但是未被發送

- 2：表示請求已經被發送

- 3：表示服務器已經處理完請求，正在接收響應內容

- 4：表示響應內容已經被接收完畢

1. 1. 根據視頻，編寫ajax程序，在onreadystatechange中打印ajax的狀態碼。
2. ajax之響應狀態碼
   1. 視頻中講解的ajax的響應狀態碼的屬性是?

數值型

1. 1. 根據視頻講解判斷ajax的響應狀態碼完善ajax代碼。
2. ajax之異步和同步
   1. 根據視頻講解說出你對ajax異步和同步的理解?

異步：事件監聽中代碼的執行與事件觸發函數中的代碼時同時執行的。

同步：事件觸發函數中send方法后的代碼必須等待事件監聽中的代碼執行完畢后才執行。

1. 1. 根據視頻講解，動手在servlet中讓請求線程睡一會兒，然后修改ajax代碼的異步同步，觀察異步和同步的執行效果。
2. ajax異步同步總結和ajax的get請求和ajax的post請求
   1. 視頻中創建ajax.open的總結內容是?

method:表示請求方式

get方式:請求數據以?隔開的形式拼接在url的后面。

請求數據不能寫在send方法中

post方式:

post方式需要單獨的進行請求數據的設置。使用ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");設置請求數據為鍵值對數據。如果有請求數據則ajax.send("鍵值對數據&鍵值對數據..."),如果沒有請求數據，則ajax.send(null)

1. 1. ajax的get請求如何附帶請求數據

附帶數據寫在URL中，不能寫在send方法中，send方法指定參數null

1. 1. ajax的post請求如何附帶請求數據。

//設置請求參數為鍵值對的形式

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//發送請求數據

ajax.send("uname=zhangsan&pwd=123");

1. ajax響應數據問題及json學習
   1. 視頻中明確的ajax使用流程是?

聲明function

創建Ajax對象

聲明監聽函數

判斷readystate狀態碼

判斷響應status狀態碼

獲取返回數據

處理返回數據

創建請求

發送請求

1. 1. 根據視頻講解為什么需要json格式響應數據，說出你的理解？

使在js中獲取服務器響應的指定數據更加簡單

1. 1. ajax獲取響應數據的代碼是？

Ajax.responseText;

1. 1. json數據的格式是什么？

	{鍵名：值,…鍵名：值}

1. 1. json的作用是什么

作為一種規范的鍵值數據格式，用于傳遞數據。

1. 使用josn格式完成數據響應
   1. 視頻中在后臺手動拼接的User對象的json字符串是？

{uname:zhangsan,pwd:123456}

1. 1. eval方法的作用是什么？

將靜態字符串轉換為可動態執行的js代碼

1. 1. 視頻中使用eval方法將json字符串轉換對js對象的代碼是？

Eavl(“var s=”+” {uname:zhangsan,pwd:123456}”)

1. 1. gson包的作用是什么？使用哪個方法可以將Java對象轉換為對應的json字符串

gson包的作用是可以實現json數據和對象之間的相互轉換

使用tojson()方法可以將java對象轉換為字符串

1. ajax之用戶名校驗ajax代碼(1)
   1. 視頻中實現用戶名校驗的思路是什么？

輸入框觸發blur事件后，ajax像的服務器發起響應請求，ajax獲取服務器的響應數據，并對其進行處理，返回給瀏覽器

1. ajax之用戶名校驗后臺代碼完成(2)
   1. 根據視頻完成用戶名校驗功能。
2. 封裝自己的ajax
   1. 為什么要封裝ajax代碼。

降低代碼量，方便代碼管理。

1. 1. 封裝的思想是什么？

靜態的代碼保留，動態的代碼傳參。

1. 1. 視頻中請求方式的封裝內容是？

封裝了以下代碼信息：

創建ajax對象

聲明監聽函數

判斷ajax狀態碼

判斷響應狀態碼

獲取響應信息

創建并發送請求

1. 1. 視頻中封裝的deal200的原理是什么？

通過一個參數傳遞ajax返回的響應數據

1. jQuery中的ajax學習(1)
   1. 使用jQuery中的ajax第一步是什么？

導入jQuery的js文件

1. 1. jQuery中get方式的ajax的基本使用格式是？

$.get(url,[data],[callback],[type]

1. 1. $.get的參數及作用

url:待載入頁面的URL地址

data:待發送 Key/value 參數。

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

type:返回內容格式，xml, html, script, json, text, _default。

1. 1. $.get和$.post的區別是什么？

GET訪問瀏覽器認為是等冪的，就是一個相同的URL只有一個結果，相同是指整個URL字符串完全匹配。所以，第二次訪問的時候，如果URL字符串沒變化 瀏覽器是直接拿出了第一次訪問的結果；

POST則認為是一個變動性訪問 （瀏覽器 認為 POST的提交 必定是 有改變的）防止GET的等冪訪問就在URL后面加上 ?+new Date()；

總之就是使每次訪問的URL字符串不一樣的，設計WEB頁面的時候 也應該遵守這個原則.

GET方式傳送數據量小，處理效率高，安全性低，會被緩存，而POST反之。

1. jQuery中的ajax學習(2)
   1. $.ajax設置請求方式，設置請求參數，設置同步異步，設置回調函數的屬性分別是？

請求方式 type

請求地址 url

設置是否異步 async

設置回調函數 success