Ajax開始準備入門篇_AJAX相關

來源:互聯網
上載者:User
我將在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初試之讀取資料
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.