Ajax開始準備入門篇
更新時間:2010年10月25日 17:04:57 作者:
我很開心您來閱讀我寫的關(guān)于ajax的實例教程,無論您是第一次還是老朋友.我將在這里獻上我至今所學,并毫不吝嗇。
我將在Web圈推出ajax原創(chuàng)系列教程,如果你還不知道什么是ajax,請閱讀:ajax是什么?
在此之前我們需要做一下簡單的ajax準備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網(wǎng)頁中使用ajax技術(shù)實現(xiàn),讀取,添加,修改,刪除數(shù)據(jù)的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中演示的一些例子,沒準會有地方吸引你!
下面我們要做的有2點.第1我們必須創(chuàng)建一個可用的XMLHTTPRequest對象,如果你不知道什么是XMLHTTPRequest,請閱讀:XMLHTTPRequest是什么?
因為各大瀏覽器對XMLHTTPRequest對象的支持標準不同,所謂可用的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教程實例中.我們都將請求該文件進行ajax的讀取,添加,刪除,修改數(shù)據(jù)的操作.也許你還不知道.我們可以使用服務端的任何一種語言將數(shù)據(jù)以xml的格式輸出.比如我們使用Asp讀取數(shù)據(jù)庫某個表內(nèi)的數(shù)據(jù),然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端.這也是ajax最標準的使用方法!點擊查看:asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼,你可以復制到你的電腦里進行測試.
<%
'出自:http://Www.Web666.Net
'作者:康董
'如需轉(zhuǎn)載請務必保留以上信息
'定義一個變量,來保存xml數(shù)據(jù)
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進行數(shù)據(jù)的讀取操作</msg>"
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>
好了,今天的ajax系統(tǒng)教程準備工作已經(jīng)完成.下一篇我們將小試牛刀--ajax初試之讀取數(shù)據(jù)
在此之前我們需要做一下簡單的ajax準備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網(wǎng)頁中使用ajax技術(shù)實現(xiàn),讀取,添加,修改,刪除數(shù)據(jù)的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中演示的一些例子,沒準會有地方吸引你!
下面我們要做的有2點.第1我們必須創(chuàng)建一個可用的XMLHTTPRequest對象,如果你不知道什么是XMLHTTPRequest,請閱讀:XMLHTTPRequest是什么?
因為各大瀏覽器對XMLHTTPRequest對象的支持標準不同,所謂可用的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教程實例中.我們都將請求該文件進行ajax的讀取,添加,刪除,修改數(shù)據(jù)的操作.也許你還不知道.我們可以使用服務端的任何一種語言將數(shù)據(jù)以xml的格式輸出.比如我們使用Asp讀取數(shù)據(jù)庫某個表內(nèi)的數(shù)據(jù),然后將該表的數(shù)據(jù)做為xml文件格式來輸出到客戶端.這也是ajax最標準的使用方法!點擊查看:asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼,你可以復制到你的電腦里進行測試.
復制代碼 代碼如下:
<%
'出自:http://Www.Web666.Net
'作者:康董
'如需轉(zhuǎn)載請務必保留以上信息
'定義一個變量,來保存xml數(shù)據(jù)
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一個簡單的Asp輸出xml的示例,以后在我們的ajax教程實例中,我們都將使用該文件進行數(shù)據(jù)的讀取操作</msg>"
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>
好了,今天的ajax系統(tǒng)教程準備工作已經(jīng)完成.下一篇我們將小試牛刀--ajax初試之讀取數(shù)據(jù)
相關(guān)文章
解決ajax跨域請求數(shù)據(jù)cookie丟失問題
本文主要是從前端jquery和服務端php為例,分別使用實例解決ajax跨域請求數(shù)據(jù)cookie丟失問題,推薦給有相同需求的小伙伴們。2015-03-03
切記ajax中要帶上AntiForgeryToken防止CSRF攻擊
在程序項目中經(jīng)??吹絘jax post數(shù)據(jù)到服務器沒有加上防偽標記,導致CSRF被攻擊,下面小編通過本篇文章給大家介紹ajax中要帶上AntiForgeryToken防止CSRF攻擊,感興趣的朋友一起學習吧2015-10-10

