首頁新隨筆新文章聯(lián)系聚合

posts - 10,comments - 4,trackbacks - 0

2009年1月

>

日

一

二

三

四

五

六

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

隨筆分類(12)

隨筆檔案(10)

最新評(píng)論

1.?re: jquery實(shí)現(xiàn)ajax通信[未登錄]
a
--a
2.?re: jquery源文件及chm幫助文檔（非常好的東西）
很好很強(qiáng)大，哈哈
--d
3.?re: jquery源文件及chm幫助文檔（非常好的東西）[未登錄]
謝謝，博主了，很好很強(qiáng)大，哈哈
--花生
4.?re: ajax入門
常來看看，監(jiān)督你學(xué)習(xí)，哈哈。加油，成為最牛的產(chǎn)品經(jīng)理我當(dāng)你助理，哈哈。
--花貓的花生

ajax總結(jié)

ajax應(yīng)用開發(fā)的五個(gè)步驟：
    1.創(chuàng)建XMLHttpRequest對(duì)象 ( 注意各瀏覽器間的差異 ).
    2.注冊(cè)回調(diào)函數(shù)onreadystatechange ( 別加括號(hào) ).
    3.open( "get/post","url",true ) ( true 表示異步 )
    4.send(null/"...")  ( get方式為null，post設(shè)置所傳參數(shù) )
    5.寫回調(diào)函數(shù)，處理返回的數(shù)據(jù)( xml / text ).

*    ajax返回的是數(shù)據(jù)，傳統(tǒng)的web交互返回的是頁面( html+css )。
*    xmlHttp.onreadystatechange=callback; 這里的callback不能加()，因?yàn)檫@是將這個(gè)方法注冊(cè)給onreadystatechange，如果加了()，就相當(dāng)于把callback的返回值注冊(cè)給了onreadystatechange。
*    異步方式，數(shù)據(jù)回來后就自動(dòng)調(diào)用回調(diào)函數(shù)，頁面就被改變了。
*    ajax不需要表單<form>的提交方式。
*    <div>塊級(jí)元素，獨(dú)占一行。<span> 內(nèi)聯(lián)元素，會(huì)連接起來，不會(huì)分行。

ajax當(dāng)前框架：
        DOJO，DWR，ext，JQuery，mootools，prototype，script.aculo.us，rico

利用時(shí)間戳解決瀏覽器緩存：
        只要url一致，瀏覽器就會(huì)讀取緩存，不會(huì)去再次請(qǐng)求服務(wù)器。所以可以用時(shí)間做參數(shù)，來騙過瀏覽器讀緩存。

function convertURL(url) {

//獲取時(shí)間戳

var timestamp = (new Date()).valueOf();

if (url.indexOf("?") >= 0) {

url = url + "&t=" + timestamp;

} else {

url = url + "?t=" + timestamp;

}

return url;

}

posted on 2009-01-14 11:04 花-花閱讀(223) 評(píng)論(0) 編輯收藏所屬分類: ajax_jquery

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: ajax總結(jié) jquery實(shí)現(xiàn)ajax通信 jquery源文件及chm幫助文檔（非常好的東西） XMLHttpRequest對(duì)象介紹一個(gè)最簡(jiǎn)單的ajax應(yīng)用