快捷導(dǎo)航

Ajax開始準(zhǔn)備入門篇

更新時(shí)間：2010年10月25日 17:04:57 作者：

我很開心您來閱讀我寫的關(guān)于ajax的實(shí)例教程,無論您是第一次還是老朋友.我將在這里獻(xiàn)上我至今所學(xué),并毫不吝嗇。

我將在Web圈推出ajax原創(chuàng)系列教程，如果你還不知道什么是ajax，請閱讀：ajax是什么？
在此之前我們需要做一下簡單的ajax準(zhǔn)備工作，但你必須要具備基本的html,javascript,dom編寫能力．否則這個(gè)ajax教程你讀起來會(huì)很吃力．我的目的是通過這份教程．可以讓你在你的網(wǎng)頁中使用ajax技術(shù)實(shí)現(xiàn)，讀取，添加，修改，刪除數(shù)據(jù)的操作．也許你是只老鳥對我寫的這些不屑一顧，但我還是希望你能看下該教程中演示的一些例子，沒準(zhǔn)會(huì)有地方吸引你！
下面我們要做的有2點(diǎn)．第１我們必須創(chuàng)建一個(gè)可用的XMLHTTPRequest對象，如果你不知道什么是XMLHTTPRequest，請閱讀：XMLHTTPRequest是什么？
因?yàn)楦鞔鬄g覽器對XMLHTTPRequest對象的支持標(biāo)準(zhǔn)不同，所謂可用的XMLHTTPReqeust對象．就是說要在IE,FF,Chrome等瀏覽器中無錯(cuò)誤的運(yùn)行該對象．我們使用JavaScript來創(chuàng)建該對象，并編寫一個(gè)函數(shù)．在以后的ajax教程實(shí)例里我們都將使用該函數(shù)來調(diào)用XMLHTTPRequest．看下面的代碼：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

運(yùn)行上面代碼以后．在IE瀏覽器里會(huì)彈出＂Object＂，在FF和Chrome瀏覽器里會(huì)彈出＂Object XMLHTTPRequest＂字樣，如果正確彈出的話即代表 XMLHTTPRequest對象創(chuàng)建成功！
第２：我們使用Asp技術(shù)來輸出一個(gè)xml文件．在以后的ajax教程實(shí)例中．我們都將請求該文件進(jìn)行ajax的讀取，添加，刪除，修改數(shù)據(jù)的操作．也許你還不知道．我們可以使用服務(wù)端的任何一種語言將數(shù)據(jù)以xml的格式輸出．比如我們使用Asp讀取數(shù)據(jù)庫某個(gè)表內(nèi)的數(shù)據(jù)，然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端．這也是ajax最標(biāo)準(zhǔn)的使用方法！點(diǎn)擊查看：asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼，你可以復(fù)制到你的電腦里進(jìn)行測試．

復(fù)制代碼代碼如下:

<% 
'出自：http://Www.Web666.Net 
'作者：康董 
'如需轉(zhuǎn)載請務(wù)必保留以上信息 
'定義一個(gè)變量，來保存xml數(shù)據(jù) 
dim xml 
xml = "<?xml version='1.0' encoding='gb2312'?><body>" 
xml = xml&"<msg>一個(gè)簡單的Asp輸出xml的示例，以后在我們的ajax教程實(shí)例中，我們都將使用該文件進(jìn)行數(shù)據(jù)的讀取操作</msg>" 
xml=xml&"</body>" 
Response.Clear 
Response.ContentType="text/xml" 
Response.CharSet="gb2312" 
Response.Write xml 
Response.End 
%>

好了，今天的ajax系統(tǒng)教程準(zhǔn)備工作已經(jīng)完成．下一篇我們將小試牛刀--ajax初試之讀取數(shù)據(jù)

您可能感興趣的文章: