hi

昨晚打球悲劇的把腳崴了。

要知道，上一次崴腳是四年前；那一次傷的是左腳，也是我這么多年打籃球的生涯中，這么多次崴腳中，最嚴(yán)重的一次受傷。休息了整整一個(gè)月，受寢室兄弟們的無微不至的照顧，最后也買了高貴的護(hù)踝，才得以重新復(fù)出的。　　

后來，再打球，我的左腳一般都是帶著護(hù)踝的，平時(shí)的小崴基本沒什么影響。四年過去了，昨晚算是好日子到頭了。不幸的是，這次傷的是右腳，情況也是一樣的嚴(yán)重。

不過，受個(gè)傷，也有自己的時(shí)間來思考平時(shí)浮躁中來不及觸碰的東西了。福禍相依的說，php學(xué)習(xí)不能停哦。

1、Ajax

二、AJAX概念介紹

2.2 xmlHttPRequest對(duì)象創(chuàng)建

簡(jiǎn)寫為XHR。

第一件事兒，實(shí)例化XHR對(duì)象。

var request=new xmlhttpRequest();

IE6之前的版本不支持，其他都可以。

2.3 Http請(qǐng)求

是計(jì)算機(jī)通過網(wǎng)絡(luò)進(jìn)行通信的一種規(guī)則。

是一種無狀態(tài)的協(xié)議——不建立持久的連接。（沒有記憶）

步驟：TCP連接，請(qǐng)求，應(yīng)答，發(fā)送數(shù)據(jù)，關(guān)閉連接。

--請(qǐng)求

基本格式：方法和動(dòng)作（GET還是POST）+URL+頭（驗(yàn)證信息）+正文

GET：一般用于信息的獲取，使用URL傳遞參數(shù)（所以字符有限制），是默認(rèn)的Http方法；一般是安全的——因?yàn)镚ET只是獲取信息，相當(dāng)于查詢，并不會(huì)更改數(shù)據(jù)；但是GET對(duì)所有人都是可見的。

POST：一般用于修改服務(wù)器上的資源（比如發(fā)送表單數(shù)據(jù)）；對(duì)其他人不可見，不使用URL，對(duì)發(fā)送數(shù)量無限制。

GET是冪等的（多少次的操作都不會(huì)有差別）。

--響應(yīng)

基本格式：狀態(tài)碼（數(shù)字和文字）+響應(yīng)頭+響應(yīng)體

-狀態(tài)碼：由三位數(shù)字開頭，其中首位數(shù)字定義了狀態(tài)碼的類型：

1xx表示信息類，正在處理；

2xx表示成功；

3xx表示重定向，請(qǐng)求沒有成功；

4xx，表示客戶端錯(cuò)誤，客戶端提交的請(qǐng)求有誤，比如404 not found，表示請(qǐng)求中所引用的文檔不存在；

5xx，表示服務(wù)器錯(cuò)誤，很令人頭疼的情況，比如500.

2.4 XHR發(fā)送請(qǐng)求

兩個(gè)好用的方法。

建立連接：request.open(method,url,async)——方法：GET和POST，url地址，同步還是異步（異步是true）

發(fā)送請(qǐng)求：request.send(string)——每次連接都應(yīng)該open，所以這里的send就可以不寫method，url

2.5 XHR取得/獲取響應(yīng)

用以下的方法或?qū)傩?strong>獲取相應(yīng)的數(shù)據(jù)：

responseText：獲得字符串形式的響應(yīng)數(shù)據(jù)

responseXML：XML形式

status和statusText：以數(shù)字和文本形式返回HTTP狀態(tài)碼

getAllResponseHeader()：獲取所有的響應(yīng)報(bào)頭

getResponseHeader()：查詢響應(yīng)中的某個(gè)字段的值

判斷是否響應(yīng)

readyState屬性——01234，到4是響應(yīng)完成。用下列程序可以監(jiān)聽，判斷。

request.onreadystatechange=function(){

if(request.readyState===4&&request.status===200){

   request.responseText

}

}

--一般步驟

new個(gè)XHR對(duì)象+open方法+send數(shù)據(jù)+對(duì)過程進(jìn)行監(jiān)聽。

三、AJAX的簡(jiǎn)單的例子

3.1 簡(jiǎn)介

完成：查詢員工信息，通過輸入員工編號(hào)查詢員工的基本信息+新建員工的信息，包含員工姓名，編號(hào)，性別，職位；

實(shí)現(xiàn)：純html頁面+PHP頁面，用來實(shí)現(xiàn)查詢員工和新建員工的后臺(tái)接口；

3.2 服務(wù)器端實(shí)現(xiàn)

我這里用的是wamp集合端，很多東西都不用變。

然后編寫程序在dreamwaver

 -------------------------

哎，意志還是不夠強(qiáng)大啊。。。不寫了今天，明天必須完成這個(gè)，其他的再說！