Ajax開始準(zhǔn)備入門篇
更新時間:2010年10月25日 17:04:57 作者:
我很開心您來閱讀我寫的關(guān)于ajax的實例教程,無論您是第一次還是老朋友.我將在這里獻(xiàn)上我至今所學(xué),并毫不吝嗇。
我將在Web圈推出ajax原創(chuàng)系列教程,如果你還不知道什么是ajax,請閱讀:ajax是什么?
在此之前我們需要做一下簡單的ajax準(zhǔn)備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網(wǎng)頁中使用ajax技術(shù)實現(xiàn),讀取,添加,修改,刪除數(shù)據(jù)的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中演示的一些例子,沒準(zhǔn)會有地方吸引你!
下面我們要做的有2點.第1我們必須創(chuàng)建一個可用的XMLHTTPRequest對象,如果你不知道什么是XMLHTTPRequest,請閱讀:XMLHTTPRequest是什么?
因為各大瀏覽器對XMLHTTPRequest對象的支持標(biāo)準(zhǔn)不同,所謂可用的XMLHTTPReqeust對象.就是說要在IE,FF,Chrome等瀏覽器中無錯誤的運行該對象.我們使用JavaScript來創(chuàng)建該對象,并編寫一個函數(shù).在以后的ajax教程實例里 我們都將使用該函數(shù)來調(diào)用XMLHTTPRequest.看下面的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
運行上面代碼以后.在IE瀏覽器里會彈出"Object",在FF和Chrome瀏覽器里會彈出"Object XMLHTTPRequest"字樣,如果正確彈出的話即代表 XMLHTTPRequest對象創(chuàng)建成功!
第2:我們使用Asp技術(shù)來輸出一個xml文件.在以后的ajax教程實例中.我們都將請求該文件進(jìn)行ajax的讀取,添加,刪除,修改數(shù)據(jù)的操作.也許你還不知道.我們可以使用服務(wù)端的任何一種語言將數(shù)據(jù)以xml的格式輸出.比如我們使用Asp讀取數(shù)據(jù)庫某個表內(nèi)的數(shù)據(jù),然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端.這也是ajax最標(biāo)準(zhǔn)的使用方法!點擊查看:asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼,你可以復(fù)制到你的電腦里進(jìn)行測試.
<%
'出自:http://Www.Web666.Net
'作者:康董
'如需轉(zhuǎn)載請務(wù)必保留以上信息
'定義一個變量,來保存xml數(shù)據(jù)
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進(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ù)
在此之前我們需要做一下簡單的ajax準(zhǔn)備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網(wǎng)頁中使用ajax技術(shù)實現(xiàn),讀取,添加,修改,刪除數(shù)據(jù)的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中演示的一些例子,沒準(zhǔn)會有地方吸引你!
下面我們要做的有2點.第1我們必須創(chuàng)建一個可用的XMLHTTPRequest對象,如果你不知道什么是XMLHTTPRequest,請閱讀:XMLHTTPRequest是什么?
因為各大瀏覽器對XMLHTTPRequest對象的支持標(biāo)準(zhǔn)不同,所謂可用的XMLHTTPReqeust對象.就是說要在IE,FF,Chrome等瀏覽器中無錯誤的運行該對象.我們使用JavaScript來創(chuàng)建該對象,并編寫一個函數(shù).在以后的ajax教程實例里 我們都將使用該函數(shù)來調(diào)用XMLHTTPRequest.看下面的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
運行上面代碼以后.在IE瀏覽器里會彈出"Object",在FF和Chrome瀏覽器里會彈出"Object XMLHTTPRequest"字樣,如果正確彈出的話即代表 XMLHTTPRequest對象創(chuàng)建成功!
第2:我們使用Asp技術(shù)來輸出一個xml文件.在以后的ajax教程實例中.我們都將請求該文件進(jìn)行ajax的讀取,添加,刪除,修改數(shù)據(jù)的操作.也許你還不知道.我們可以使用服務(wù)端的任何一種語言將數(shù)據(jù)以xml的格式輸出.比如我們使用Asp讀取數(shù)據(jù)庫某個表內(nèi)的數(shù)據(jù),然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端.這也是ajax最標(biāo)準(zhǔn)的使用方法!點擊查看:asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼,你可以復(fù)制到你的電腦里進(jìn)行測試.
復(fù)制代碼 代碼如下:
<%
'出自:http://Www.Web666.Net
'作者:康董
'如需轉(zhuǎn)載請務(wù)必保留以上信息
'定義一個變量,來保存xml數(shù)據(jù)
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進(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ù)
相關(guān)文章
使用ajax技術(shù)無刷新動態(tài)調(diào)用股票信息
新浪的財金頻道一直感覺做得很好。但由于最近網(wǎng)速慢的緣故,查看股票信息時網(wǎng)頁老是打不開。這幾天一直在研究ajax,于是用jquery自己做了一個自動讀取新浪股票實時數(shù)據(jù)的頁面。2008-11-11ajax動態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動態(tài)為a標(biāo)簽的href屬性賦值,總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過吧,下面與大家分享下具體的解決方法,希望對你有所幫助2013-06-06