我將在Web圈推出ajax原創系列教程,如果你還不知道什麼是ajax,請閱讀:ajax是什嗎?
在此之前我們需要做一下簡單的ajax準備工作,但你必須要具備基本的html,javascript,dom編寫能力.否則這個ajax教程你讀起來會很吃力.我的目的是通過這份教程.可以讓你在你的網頁中使用ajax技術實現,讀取,添加,修改,刪除資料的操作.也許你是只老鳥對我寫的這些不屑一顧,但我還是希望你能看 下該教程中示範的一些例子,沒準會有地方吸引你!
下面我們要做的有2點.第1我們必須建立一個可用的XMLHTTPRequest對象,如果你不知道什麼是XMLHTTPRequest,請閱讀:XMLHTTPRequest是什嗎?
因為各大瀏覽器對XMLHTTPRequest對象的支援標準不同,所謂可用的XMLHTTPReqeust對象.就是說要在IE,FF,Chrome等瀏覽器中無錯誤的運行該對象.我們使用JavaScript來建立該對象,並編寫一個函數.在以後的ajax教程執行個體裡 我們都將使用該函數來調用XMLHTTPRequest.看下面的代碼:
<html> <head> <title>建立一個可用的xmlhttpreuqest對象</title> </head> <body> <script type="text/javascript"> function ajax_xmlhttp(){ //在IE中建立xmlhttpRequest,適用於IE5.0以上所有版本 var msXmlhttp = new Array("Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP","Microsoft.XMLHTTP"); for(var i=0; i<msXmlhttp.length; i++){ try { _xmlhttp=new ActiveXObject(msXmlhttp[i]); } catch(e) { _xmlhttp=null; } } //迴圈建立基於IE瀏覽器的xmlhttp.結束 //如果非IE瀏覽器,則建立基於FireFox等瀏覽器的xmlhttpRequest if(!_xmlhttp && typeof XMLHttpRequest != "undefined") { _xmlhttp=new XMLHttpRequest(); } return _xmlhttp; } alert(ajax_xmlhttp()); </script> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
運行上面代碼以後.在IE瀏覽器裡會彈出"Object",在FF和Chrome瀏覽器裡會彈出"Object XMLHTTPRequest"字樣,如果正確彈出的話即代表 XMLHTTPRequest對象建立成功!
第2:我們使用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初試之讀取資料