?? 13. ajax note.txt
字號(hào):
?
Web2.0 概述
Web1.0 vs. Web2.0
天天談門戶 談個(gè)性化
關(guān)注的是內(nèi)容 關(guān)注的是應(yīng)用
談掛牌推銷 談服務(wù)
談密閉、大而全 談大家開放、談聯(lián)合
網(wǎng)站中心化 個(gè)人中心化
Web1.0 vs. Web2.0結(jié)論:
是網(wǎng)絡(luò)傳媒的一種發(fā)展趨勢(shì)是一種理念,而不是技術(shù)。
Creativity-users as creators 創(chuàng)新
Collective intelligence 集體智慧
Client-side, rich capabilities 用戶至上
Copyright/Copyleft 版權(quán)
沒有真正1.0、2.0的定義
它們只是對(duì)網(wǎng)絡(luò)信息發(fā)展過(guò)程所出現(xiàn)的特點(diǎn)的歸納
Web2.0的參考描述:
是以 以Blog、TAG、SNS、RSS、wiki等社會(huì)軟件的應(yīng)用為核心
依據(jù)六度分隔、xml、ajax等新理論和技術(shù)實(shí)現(xiàn)的互聯(lián)網(wǎng)新一代模式
Ajax概述:
Ajax是由Jesse James Garrett創(chuàng)造的,是"Asynchronous JavaScript+XML"的縮寫
Adaptive Path公司的Jesse James Garrett如是說(shuō):
Ajax不是一種新技術(shù),它把幾種成熟的技術(shù)以新的方式組合而成,形成強(qiáng)大的功能,包含:
基于XHTML和CSS標(biāo)準(zhǔn)的表示;
使用document Object Model進(jìn)行動(dòng)態(tài)顯示和交互;
使用XMLHttpRequest與服務(wù)器進(jìn)行異步通信;
使用JavaScript綁定一切。
傳統(tǒng)的Web應(yīng)用是一個(gè)同步的交互過(guò)程。Ajax是異步的。
AJAX是一個(gè)客戶端動(dòng)態(tài)網(wǎng)頁(yè)思想;綜合整合使用HTML,CSS,JavaScript,XML等頁(yè)面技術(shù)完成客戶端顯示功能,同時(shí)以XMLHttpRequest為核心的異步對(duì)象與服務(wù)端后臺(tái)通信。
Ajax的優(yōu)勢(shì):
減輕服務(wù)器的負(fù)擔(dān)
AJAX的原則是“按需取數(shù)據(jù)”,可以最大程度的減少冗余請(qǐng)求,和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)。
帶來(lái)更好的用戶體驗(yàn)
無(wú)刷新更新頁(yè)面,減少用戶心理和實(shí)際的等待時(shí)間。
利用客戶端的處理能力
可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端,利用客戶端閑置的能力來(lái)處理,減輕服務(wù)器和帶寬的負(fù)擔(dān)
基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù),不需要下載插件或者小程序。
進(jìn)一步促進(jìn)頁(yè)面呈現(xiàn)和數(shù)據(jù)的分離。
常見的Ajax使用場(chǎng)景:
表單驅(qū)動(dòng)的交互
深層次的樹的導(dǎo)航
快速的用戶與用戶間的交流響應(yīng)
類似投票、yes/no等無(wú)關(guān)痛癢的場(chǎng)景
對(duì)數(shù)據(jù)進(jìn)行過(guò)濾和操縱相關(guān)數(shù)據(jù)的場(chǎng)景
普通的文本輸入提示和自動(dòng)完成的場(chǎng)景
Ajax不適用場(chǎng)景:
部分簡(jiǎn)單的表單
基本的導(dǎo)航
頁(yè)面大部分需要更新
……
XMLHttpRequest對(duì)象(AJAX引擎的核心)
1)作用:實(shí)現(xiàn)AJAX的體驗(yàn)
象桌面應(yīng)用與server進(jìn)行數(shù)據(jù)交換
異步
局部刷新
2)目的:減輕server的壓力,提高交互的速度
局部刷新頁(yè)面某個(gè)部份,不影響整個(gè)頁(yè)面
3)對(duì)象創(chuàng)建(XMLHttpRequest):
根據(jù)不同的瀏覽器,對(duì)XMLHttpRequest對(duì)象的初始化有所不同:
<script language="javascript">
var xmlreq = false;
//IE瀏覽器
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
//舊版本的IE
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
//Mozilla瀏覽器
xmlreq = new XMLHttpRequest();
</script>
4)XMLHttpRequest對(duì)象是運(yùn)行在browser的(Ajax引擎的核心)
狀態(tài):
0=未初始化
1=讀取中
2=已讀取
3=交互中
4=完成
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -