ajax技术书,ajax技术
Ajax
1.什么是Ajax?
Ajax(Asychronous javascript and xml),中文翻譯則為異步的javascript(瀏覽器端腳本語言) and xml(傳輸和保存數(shù)據(jù)的語言);
是一種用來改善用戶體驗的技術(shù).
其本質(zhì)是利用瀏覽器內(nèi)置的一種特殊的對象(XMLHttpRequest)異步(即發(fā)送請求時,瀏覽器不會銷毀當(dāng)前頁面,不重新加載網(wǎng)頁的情況下,用戶可以繼續(xù)在當(dāng)前頁面進(jìn)行其他的操作)的向服務(wù)器發(fā)送請求,并且利用服務(wù)器返回的數(shù)據(jù)(一般是使用文本或者xml返回)來部分更新當(dāng)前頁面;
傳統(tǒng)的網(wǎng)頁(不使用AJAX),如果需要更新內(nèi)容,必須重載整個網(wǎng)頁面,使用ajax技術(shù)之后,網(wǎng)頁無刷新,并且不打斷用戶;
1.1什么是Xml語言?
xml(extensionable markup language),可拓展標(biāo)記語言,其中可拓展(指的是標(biāo)簽可以自定義)
html和xml之間有什么區(qū)別?
html,用來在瀏覽器端顯示數(shù)據(jù),標(biāo)簽是內(nèi)置的,不能自定義;
xml,用來保存數(shù)據(jù)和傳輸數(shù)據(jù),標(biāo)簽只能自定義
1.2關(guān)于異步和同步
同步請求:順序處理,即當(dāng)我們向服務(wù)器發(fā)出一個請求時,在服務(wù)器沒返回結(jié)果給客戶端之前,我們要一直處于等待狀態(tài)直至服務(wù)器將結(jié)果返回到客戶端,我們才能執(zhí)行下一步操作。例如普通的B/S模式就是同步請求(注:B/S模式
也即服務(wù)器與瀏覽器通信主要采用HTTP協(xié)議;通信方式為“請求——響應(yīng)”,瀏覽器發(fā)出請求;服務(wù)器做出響應(yīng)。)
異步請求:異步請求:并行處理,當(dāng)我們向服務(wù)器發(fā)出一個請求時,在服務(wù)器沒返回結(jié)果之前,我們還是可以執(zhí)行其他操作(好處:不用排隊等待)。例如AJAX技術(shù)就是異步請求。
如果是異步通信方式(true),客戶機就不等待服務(wù)器的響應(yīng);如果是同步方式(false),客戶機就要等到服務(wù)器返回消息后才去執(zhí)行其他操作。
一句話概括:
同步:一個時間點只能執(zhí)行一個線程
異步:一個時間點可以執(zhí)行多個線程
2.創(chuàng)建ajax對象
1.主流瀏覽器,大多數(shù)瀏覽器是通過new XMLHttpRequest()獲得。
2.IE6使用:new ActiveXObject(“Msxml2.XMLHTTP”)創(chuàng)建。
3.IE5.5使用:new ActiveXObject(“Microsoft.XMLHTTP”)。
3.建立對服務(wù)器的連接
1.創(chuàng)建一個請求
默認(rèn)就是一個異步請求
2.對服務(wù)器發(fā)送一個請求
4.服務(wù)器返回的信息
4.1 onreadystatechange事件
onreadystatechange:服務(wù)器做出的響應(yīng)事件。
4.2 請求響應(yīng)狀態(tài)
響應(yīng)屬性
readyState:服務(wù)器響應(yīng)的結(jié)果狀態(tài)
0: 請求未初始化
1: 服務(wù)器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成,且響應(yīng)已就緒
5. JSON數(shù)據(jù)格式
JSON 是用于存儲和傳輸數(shù)據(jù)的格式。
JSON 通常用于服務(wù)端向網(wǎng)頁傳遞數(shù)據(jù) 。
5.1Json的語法規(guī)則
數(shù)據(jù)為 鍵/值 對,鍵和值之間用冒號:隔開。
數(shù)據(jù)由逗號分隔。
大括號保存對象
方括號保存數(shù)組
5.2php生成Json格式
.json_encode():將變量(數(shù)組)轉(zhuǎn)化(編碼)為json格式
數(shù)組下標(biāo)不是從0開始,輸出的結(jié)果就是json格式
json_decode():將json轉(zhuǎn)化為數(shù)組或者是對象
1.json格式的鍵名只能用雙引號。
2.json格式的鍵名必須要加雙引號。
3.json格式最后面不要加逗號。
總結(jié)
以上是生活随笔為你收集整理的ajax技术书,ajax技术的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: css fix 手机端,移动端布局fix
- 下一篇: 用ajax的方法获取列表,用ajax从服