Ajax開始準備篇_AJAX相關

來源:互聯網
上載者:User
在此之前我們需要做一下簡單的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檔案的源碼,你可以複製到你的電腦裡進行測試.
<% '出自: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 %>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

好了,今天的ajax系統教程準備工作已經完成.明天我們將小試牛刀--ajax初試之讀取資料
出自:http://Www.Web666.Net
作者:康董
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.