AJAX技術筆記(自用,來自百戰程式設計師教程)

2022-09-08 21:09:21 字數 2833 閱讀 2598

---恢復內容開始---

asynchronous j**ascript and xml(非同步j**ascript和xml),是一種建立互動式網頁應用的網頁開發技術,是瀏覽器端的技術

(xml設計用來傳送及攜帶資料資訊,不用來表現或展示資料,html則用來表現資料,所以xml用途的焦點是它說明資料是什麼,以及攜帶資料資訊。)

涵蓋:基於web標準的xhtml+css的表示(xhtml:html的規範化,編碼要求與xml相同,每個標籤都要有結束標籤使用dom進行動態顯示及互動

使用xml和xslt進行資料交換及相關操作

使用xmlhttprequest進行非同步資料查詢、檢索

使用j**ascript將所有的東西繫結在一起

知識補充:

傳統頁面發起請求的三種方式

1、form表單

2、標籤

3、js中的window.location.host()

三種方式都會改位址列的資訊

ajax則是通過引擎物件xmlhttprequest來向伺服器發請求

需求:有時候我們需要將本次的相應結果和前面的相應結果內容在同乙個頁面中展示給使用者

解決:1、在後台伺服器端將多次響應內容重新拼接成乙個jsp頁面,響應

但是這樣會趙成很多響應內容被重複的響應,資源浪費

2、使用ajax

3.1. 使用ajax訪問原理

3.2. ajax的基本使用流程

1、建立ajax引擎物件

var ajax = new xmlhttprequest(); //在此之前最好做一下瀏覽器相容處理,具體如下面的示例程式碼

2、複寫onreadystatechange函式(監聽函式)

ajax.onreadystatechange = function()

3、傳送請求

ajax.open(method, uri, async);   async:true(非同步)或 false(同步)

ajax.send(string);    string:僅用於 post 請求

3.3. ajax的狀態碼

3.4. ajax的請求

3.5 ajax的非同步和同步

3.6. ajax的響應資料型別

3.7. ajax的封裝

3.8. 示例

<%@ page language="j**a" import="j**a.util.*" pageencoding="utf-8"%>

<%string path =request.getcontextpath();

string basepath = request.getscheme()+"://"+request.getservername()+":"+request.getserverport()+path+"/";

%>

---恢復內容結束---

---恢復內容結束---

asynchronous j**ascript and xml(非同步j**ascript和xml),是一種建立互動式網頁應用的網頁開發技術,是瀏覽器端的技術

(xml設計用來傳送及攜帶資料資訊,不用來表現或展示資料,html則用來表現資料,所以xml用途的焦點是它說明資料是什麼,以及攜帶資料資訊。)

涵蓋:基於web標準的xhtml+css的表示(xhtml:html的規範化,編碼要求與xml相同,每個標籤都要有結束標籤使用dom進行動態顯示及互動

使用xml和xslt進行資料交換及相關操作

使用xmlhttprequest進行非同步資料查詢、檢索

使用j**ascript將所有的東西繫結在一起

知識補充:

傳統頁面發起請求的三種方式

1、form表單

2、標籤

3、js中的window.location.host()

三種方式都會改位址列的資訊

ajax則是通過引擎物件xmlhttprequest來向伺服器發請求

需求:有時候我們需要將本次的相應結果和前面的相應結果內容在同乙個頁面中展示給使用者

解決:1、在後台伺服器端將多次響應內容重新拼接成乙個jsp頁面,響應

但是這樣會趙成很多響應內容被重複的響應,資源浪費

2、使用ajax

3.1. 使用ajax訪問原理

3.2. ajax的基本使用流程

1、建立ajax引擎物件

var ajax = new xmlhttprequest(); //在此之前最好做一下瀏覽器相容處理,具體如下面的示例程式碼

2、複寫onreadystatechange函式(監聽函式)

ajax.onreadystatechange = function()

3、傳送請求

ajax.open(method, uri, async);   async:true(非同步)或 false(同步)

ajax.send(string);    string:僅用於 post 請求

3.3. ajax的狀態碼

3.4. ajax的請求

3.5 ajax的非同步和同步

3.6. ajax的響應資料型別

3.7. ajax的封裝

3.8. 示例

<%@ page language="j**a" import="j**a.util.*" pageencoding="utf-8"%>

<%string path =request.getcontextpath();

string basepath = request.getscheme()+"://"+request.getservername()+":"+request.getserverport()+path+"/";

%>

---恢復內容結束---

Python筆記自用

多個list對應元素運算list1 1 2,3 4 list2 5 6,7 8 list3 list map lambda a,b a b,list1,list2 print list3 5 12,21 32 宣告為全域性變數 在變數前加乙個globle 或者寫在乙個.py檔案中,然後import該...

Linux 筆記(自用)

都可以用apt get install 安裝,訪問方式都是w3m links lynx www.baidu.com的形式 sudo apt get install fcitx table wubi 重啟。新增。將預設python為python3 sudoupdate alternatives ins...

echart 筆記 自用

來自 給tooltip的數值改造自己需要的資料格式。例如,加上 數字千位分隔符 1 設定圖形距周邊 的距離 使用 grid屬性 grid 2 設定圖例的是名字和圖示使用legend legend 3 設定x軸,y軸的座標軸的刻度 去除 和座標名稱的位置 xaxis 設定文字字型大小 nameloca...