Ajax開始準備篇

更新時間：2010年08月12日 16:12:29 作者：

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

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

復制代碼代碼如下:

 
<html> 
<head> 
<title>創(chuàng)建一個可用的xmlhttpreuqest對象</title> 
</head> 
<body> 
<script type="text/javascript"> 
function ajax_xmlhttp(){ 
//在IE中創(chuàng)建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; 
} 
} //循環(huán)創(chuàng)建基于IE瀏覽器的xmlhttp.結(jié)束 
//如果非IE瀏覽器，則創(chuàng)建基于FireFox等瀏覽器的xmlhttpRequest 
if(!_xmlhttp && typeof XMLHttpRequest != "undefined") 
{ 
_xmlhttp=new XMLHttpRequest(); 
} 
return _xmlhttp; 
} 
alert(ajax_xmlhttp()); 
</script> 
</body> 
</html> 

運行上面代碼以后．在IE瀏覽器里會彈出＂Object＂，在FF和Chrome瀏覽器里會彈出＂Object XMLHTTPRequest＂字樣，如果正確彈出的話即代表 XMLHTTPRequest對象創(chuàng)建成功！
第２：我們使用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文件的源碼，你可以復制到你的電腦里進行測試．

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

好了，今天的ajax系統(tǒng)教程準備工作已經(jīng)完成．明天我們將小試牛刀--ajax初試之讀取數(shù)據(jù)
出自：http://Www.Web666.Net
作者：康董

您可能感興趣的文章: