Ajax開始準備入門篇

2024-09-01 08:29:16

字體：大中小

來源：轉載

供稿：網友

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
運行上面代碼以后．在IE瀏覽器里會彈出＂Object＂，在FF和Chrome瀏覽器里會彈出＂Object XMLHTTPRequest＂字樣，如果正確彈出的話即代表 XMLHTTPRequest對象創建成功！
第２：我們使用Asp技術來輸出一個xml文件．在以后的ajax教程實例中．我們都將請求該文件進行ajax的讀取，添加，刪除，修改數據的操作．也許你還不知道．我們可以使用服務端的任何一種語言將數據以xml的格式輸出．比如我們使用Asp讀取數據庫某個表內的數據，然后將該表的數據做為xml文件格式來輸出到客戶端．這也是ajax最標準的使用方法！點擊查看：asp輸出xml格式的數據
下面是該asp文件的源碼，你可以復制到你的電腦里進行測試．
代碼如下:
<%
'出自：http://Www.Web666.Net
'作者：康董
'如需轉載請務必保留以上信息
'定義一個變量，來保存xml數據
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一個簡單的Asp輸出xml的示例，以后在我們的ajax教程實例中，我們都將使用該文件進行數據的讀取操作</msg>"
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

好了，今天的ajax系統教程準備工作已經完成．下一篇我們將小試牛刀--ajax初試之讀取數據

上一篇：ajax(iframe)無刷新提交表單、上傳文件

下一篇：讓ajax更加友好的實現方法(實時顯示后臺處理進度。)