快捷導(dǎo)航

Ajax開(kāi)始準(zhǔn)備篇

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

我很開(kāi)心您來(lái)閱讀我寫(xiě)的關(guān)于ajax的實(shí)例教程,無(wú)論您是第一次還是老朋友.我將在這里獻(xiàn)上我至今所學(xué),并毫不吝嗇。

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

復(fù)制代碼代碼如下:

 
<html> 
<head> 
<title>創(chuàng)建一個(gè)可用的xmlhttpreuqest對(duì)象</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> 

運(yùn)行上面代碼以后．在IE瀏覽器里會(huì)彈出＂Object＂，在FF和Chrome瀏覽器里會(huì)彈出＂Object XMLHTTPRequest＂字樣，如果正確彈出的話即代表 XMLHTTPRequest對(duì)象創(chuàng)建成功！
第２：我們使用Asp技術(shù)來(lái)輸出一個(gè)xml文件．在以后的ajax教程實(shí)例中．我們都將請(qǐng)求該文件進(jìn)行ajax的讀取，添加，刪除，修改數(shù)據(jù)的操作．也許你還不知道．我們可以使用服務(wù)端的任何一種語(yǔ)言將數(shù)據(jù)以xml的格式輸出．比如我們使用Asp讀取數(shù)據(jù)庫(kù)某個(gè)表內(nèi)的數(shù)據(jù)，然后將該表的數(shù)據(jù)做為xml文件格式來(lái)輸出到客戶端．這也是ajax最標(biāo)準(zhǔn)的使用方法！點(diǎn)擊查看：asp輸出xml格式的數(shù)據(jù)
下面是該asp文件的源碼，你可以復(fù)制到你的電腦里進(jìn)行測(cè)試．

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

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

您可能感興趣的文章: