如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)

如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)

ID:6135546

大小:82.50 KB

頁(yè)數(shù):10頁(yè)

時(shí)間:2018-01-04

如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)_第1頁(yè)
如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)_第2頁(yè)
如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)_第3頁(yè)
如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)_第4頁(yè)
如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)_第5頁(yè)
資源描述:

《如何使用ajax技術(shù)開發(fā)web應(yīng)用程序(1)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、在過(guò)去,由于為了獲得新數(shù)據(jù)而不得不重新加載web頁(yè)面(或者加載其他頁(yè)面)導(dǎo)致web應(yīng)用程序發(fā)展被限制。雖然有其他方法可用(不加載其他頁(yè)面),但是這些技術(shù)都沒(méi)有被很好地支持而且有bug成災(zāi)的趨向。在過(guò)去的幾個(gè)月里,一個(gè)過(guò)去并不被廣泛支持的技術(shù)已經(jīng)被越來(lái)越多的web沖浪者(websurfers??是指瀏覽器還是瀏覽者?)所接受,它給了開發(fā)者更多的自由開發(fā)先進(jìn)的web應(yīng)用程序。這些通過(guò)javascript來(lái)異步取得xml數(shù)據(jù)的應(yīng)用程序,被親切的稱為“Ajax應(yīng)用程序”(AsynchronousJavascriptandXMLapplications)。在這篇文章中,我將會(huì)解釋如何通

2、過(guò)Ajax來(lái)取回一個(gè)遠(yuǎn)程的XML文件并更新一個(gè)webpage,并且隨著這個(gè)系列的繼續(xù),我將討論更多的方法,使用ajax技術(shù)將你的web應(yīng)用程序提升到一個(gè)新的層次.  這第一步就是創(chuàng)建一個(gè)帶一些數(shù)據(jù)的XML文件。我們將這個(gè)文件命名為data.xml。它是一個(gè)簡(jiǎn)單的XML文件,而在一個(gè)真實(shí)的程序中,它會(huì)復(fù)雜許多,但對(duì)于我們的例子來(lái)說(shuō),簡(jiǎn)單明了是最合適地。這是一些示例數(shù)據(jù),它被保存在一個(gè)XML文件中,并被JavaScript取回。  現(xiàn)在讓我們創(chuàng)建一個(gè)簡(jiǎn)單的w

3、eb頁(yè)面包含一些示例數(shù)據(jù)。這個(gè)頁(yè)面將是我們的js腳本所在,并且這個(gè)頁(yè)面將會(huì)讓用戶們?cè)L問(wèn)柄看到Ajax腳本的運(yùn)行。我們把它命名為ajax.html使用ajax開發(fā)web應(yīng)用程序-示例

4、

使用ajax開發(fā)web應(yīng)用程序

這個(gè)頁(yè)面演示了AJAX技術(shù)如何通過(guò)動(dòng)態(tài)讀取一個(gè)遠(yuǎn)程文件來(lái)更新一個(gè)網(wǎng)頁(yè)的內(nèi)容--不需要任何網(wǎng)頁(yè)的重新加載。注意:這個(gè)例子對(duì)于禁止js的用戶來(lái)說(shuō)沒(méi)有效果。

這是一些示例數(shù)據(jù),它是這個(gè)網(wǎng)頁(yè)的默認(rèn)數(shù)據(jù)查看XML數(shù)據(jù).

  注意,對(duì)于那些沒(méi)有

5、javascript的用戶,我們直接鏈接到data.xml文件。對(duì)于那些允許運(yùn)行javascript的用戶,函數(shù)“ajaxRead”將被運(yùn)行,這個(gè)鏈接被隱藏,并不會(huì)被轉(zhuǎn)向到那個(gè)data.xml文件。函數(shù)“ajaxRead”現(xiàn)在還沒(méi)定義。所以如果你要檢驗(yàn)上面的示例代碼,你會(huì)得到一個(gè)javascript錯(cuò)誤。讓我們繼續(xù)并定義這個(gè)函數(shù)(還有其他的),讓你能夠看到ajax是如何工作的,下面的腳本要放到你的head標(biāo)簽里:這堆代碼有點(diǎn)多,讓我們一點(diǎn)點(diǎn)的進(jìn)行。第一個(gè)函數(shù)叫做“ajaxRead”-也就是我們?cè)陧?yè)面的“查看XML數(shù)據(jù)”鏈接中調(diào)用的函數(shù),我們定義了一個(gè)“xmlObj”變量-這將作為客戶端(用戶正在查看的這個(gè)web頁(yè)面)以及服務(wù)端(web站點(diǎn)本身)之間的中間件

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。