Ajax知識點整理

2021-10-22 13:53:59 字數 2333 閱讀 2932

ajax是一種非同步的通訊協議,用來實現區域性的頁面重新整理。

同步和非同步的區別:

-普通b/s模式(同步)ajax技術(非同步)

同步:提交請求->等待伺服器處理→處理完畢返回這個期間客戶端瀏覽器不能幹任何事

非同步:請求通過事件觸發->伺服器處理(這時瀏覽器仍然可以作其他事情)>處理完畢

由多種技術集合而成,使用ajax技術不必重新整理整個頁面,只需對頁面的區域性進行更新

可以節省網路頻寬,提高頁面的載入速度,從而縮短使用者等待時間,改善使用者體驗

1)建立xmlhttprequest物件;

2)使用該物件向伺服器傳送請求;

3)伺服器收到請求並返回資訊給客戶端;

4)客戶端收到資訊後將資料呈現到使用者介面上;

1)用new xmlhttprequest 建立

2).onen()開啟鏈結

3).setrequestheader()設定請求頭的資料格式

4).send()拼接資料並傳送資料

5).onreadystatechange 接受並處理返回值

import numpy as np

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

登陸<

/h1>

使用者名稱:

"text" id=

"username"

>

密碼:"password" id=

"pwd"

>

班級:"text" id=

"cla"

>

許可權:"text" id=

"ty"

>

"btn"

>登陸<

/button>

<

/div>

<

/body>

/* //標準的建立方法

//相容寫法

//第二步 開啟鏈結

xhr.

open

("post"

,"位址"

)//第三步 設定請求頭的資料格式(必須在傳送之前寫)

xhr.

setrequestheader

("content-type",)

//第四步 拼接資料並傳送資料

var un=document.

getelementbyid

("username"

).value;

var pwd=document.

getelementbyid

("pwd"

).value;

var cla=document.

getelementbyid

("cla"

).value;

var ty=document.

getelementbyid

("ty"

).value;

var send_value=

"username="

+un+

"&userpwd="

+pwd+

"&userclass="

+cla+

"&type="

+ty;

xhr.

send

(send_value)

;//第五步 接收並處理後台的返回值

xhr.onreadystatechange=

function()

else

(alert

("登陸失敗"))

}+}}

<

/script>

<

/html>

1)登入 註冊

2)搜尋

3)分頁

4)地理位置/切換

5)實時資料更新

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...

知識點整理

一 狀態控制碼 code,control flag 標誌位欄位 u a p r s f 佔6位元。各 位元的含義如下 ack 確認位元 acknowledge 只有當ack 1時確認號字段才有效,代表這個封包為確認封包。當ack 0時,確認號無效。psh push function 若為1時,代表要...