js載入xml檔多種方法（相容ff,IE6+,Opera）

最後更新：2017-08-24 來源：互聯網

上載者：User

關鍵字網頁製作 Ajax JavaScript

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

網頁特效載入xml檔多種方法（相容ff,ie6+,opera）
下面我們為提供了三種js載入xml文檔的做法，每種載入 xml檔的方法都不同，但原理都一樣，最好的是最第三款了，實例相容多瀏覽器了，第二款具現化了，複製下去可直接使用
方法一

var xmldoc;
try{//ie
創建空的微軟 xml 文檔物件
xmldoc=new activexobject("microsoft.xmldom");
}catch(e){
try{//ff
創建空的 xml 文檔物件
xmldoc=document.implementation.createdocument("","",null);
}catch(e){
alert(e.message);
}
}
try{
關閉非同步載入，這樣可確保在文檔完整載入之前，解析器不會繼續執行腳本
xmldoc.async=false;
載入xml文檔
xmldoc.load(xml_file);
}catch(e){
alert(e.message);
return false;
}
return xmldoc;
方法二,js載入xml並顯示出來

<html xmlns="HTTP://www.w3.org/1999/xhtml" >

<head>

<title>js載入xml並顯示出來</title>

    <script type="text/網頁特效">

var xmlHTTP;

    function getdata()

    {

        //創建非同步物件

          xmlHTTP=new activexobject("microsoft.xmlHTTP");

        //載入伺服器-注意無參數

          xmlHTTP.open("get","xmlfile.xml",true)

        //非同步物件事件掛鉤

          xmlHTTP.onreadystatechange=statechange;

       //發送請求-無參數

          xmlHTTP.send(null);

    }

    function statechange()

    {

if(xmlHTTP.readystate==4 && xmlHTTP.status==200)

       {

          //獲取所有返回的資料

          var data=xmlHTTP.responsetext;

          //顯示結果

          document.getelementbyid("divlist").innerhtml=data;

       }

    }

    </script>

</head>

<body>

        <table style=" text-align:center">

            <tr>

<td style="text-align:center">

                    顯示從xml檔中獲取的資料</td>

            </tr>

            <tr>

                <td style="text-align:center">

                    <input id="button1" type="button" value="獲取表格" onclick="getdata()" /></td>

            </tr>

<tr>

                <td style="text-align:center">

                    <div id="divlist">

                    </div>

                </td>

            </tr>

        </table>

</body>
</html>

方法三支援ff,ie6+,opera

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More