DIV CSS 佈局教程網

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>

運行上面代碼以後.在IE浏覽器裡會彈出"Object",在FF和Chrome浏覽器裡會彈出"Object XMLHTTPRequest"字樣,如果正確彈出的話即代表 XMLHTTPRequest對象創建成功!
第2:我們使用Asp技術來輸出一個xml文件.在以後的ajax教程實例中.我們都將請求該文件進行ajax的讀取,添加,刪除,修改數據的操作.也許你還不知道.我們可以使用服務端的任何一種語言將數據以xml的格式輸出.比如我們使用Asp讀取數據庫某個表內的數據,然後將該表的數據做為xml文件格式來輸出到客戶端.這也是ajax最標准的使用方法!點擊查看:asp輸出xml格式的數據
下面是該asp文件的源碼,你可以復制到你的電腦裡進行測試.

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
好了,今天的ajax系統教程准備工作已經完成.明天我們將小試牛刀--ajax初試之讀取數據
出自:http://Www.Web666.Net
作者:康董
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved