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時,代表要...