學習主題：AJAX

刪除用戶功能實現

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

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

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

獨立完成刪除按鈕的創建以及刪除請求路徑的修改

完成刪除功能的Servlet的實現

刪除用戶信息和問題說明

刪除用戶信息和問題說明

什么是當前請求頁？

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

ajax介紹&ajax的訪問原理

視頻中ajax的特點是？

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

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

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

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

非ajax和ajax方式比較&第一個ajax請求

視頻中創建Ajax對象的代碼是？

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

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

ajax.open(method,url,async);

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

ajax.send(Object body);

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

ajax.onreadystatechange=function(){}

ajax的狀態碼學習

視頻中講解的Ajax的狀態碼及其含義是?

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

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

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

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

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

根據視頻，編寫ajax程序，在onreadystatechange中打印ajax的狀態碼。

ajax之響應狀態碼

視頻中講解的ajax的響應狀態碼的屬性是?

數值型

根據視頻講解判斷ajax的響應狀態碼完善ajax代碼。

ajax之異步和同步

根據視頻講解說出你對ajax異步和同步的理解?

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

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

根據視頻講解，動手在servlet中讓請求線程睡一會兒，然后修改ajax代碼的異步同步，觀察異步和同步的執行效果。

ajax異步同步總結和ajax的get請求和ajax的post請求

視頻中創建ajax.open的總結內容是?

method:表示請求方式

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

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

post方式:

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

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

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

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

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

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

//發送請求數據

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

ajax響應數據問題及json學習

視頻中明確的ajax使用流程是?

聲明function

創建Ajax對象

聲明監聽函數

判斷readystate狀態碼

判斷響應status狀態碼

獲取返回數據

處理返回數據

創建請求

發送請求

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

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

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

Ajax.responseText;

json數據的格式是什么？

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

json的作用是什么

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

使用josn格式完成數據響應

視頻中在后臺手動拼接的User對象的json字符串是？

{uname:zhangsan,pwd:123456}

eval方法的作用是什么？

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

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

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

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

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

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

ajax之用戶名校驗ajax代碼(1)

視頻中實現用戶名校驗的思路是什么？

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

ajax之用戶名校驗后臺代碼完成(2)

根據視頻完成用戶名校驗功能。

封裝自己的ajax

為什么要封裝ajax代碼。

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

封裝的思想是什么？

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

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

封裝了以下代碼信息：

創建ajax對象

聲明監聽函數

判斷ajax狀態碼

判斷響應狀態碼

獲取響應信息

創建并發送請求

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

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

jQuery中的ajax學習(1)

使用jQuery中的ajax第一步是什么？

導入jQuery的js文件

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

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

$.get的參數及作用

url:待載入頁面的URL地址

data:待發送 Key/value 參數。

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

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

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

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

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

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

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

jQuery中的ajax學習(2)

$.ajax設置請求方式，設置請求參數，設置同步異步，設置回調函數的屬性分別是？

請求方式 type

請求地址 url

設置是否異步 async

設置回調函數 success

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的使用ajax将数据显示在指定位置_AJAX学习主题之一的全部內容，希望文章能夠幫你解決所遇到的問題。

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