0

私たちの教授は、AJAX の説明にそれほど時間をかけず、私たちが作成する Web サイトのスクロール可能なテキスト領域に XML ファイルの内容を表示することを望んでいます。これは私がこれまでに作成したものですが、XML ファイルを読み込もうとしている div 領域には何も表示されません...どんな提案も大歓迎です。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
    var xmlDoc;
    function loadFunction() {
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

        xmlDoc.async = false;
        xmlDoc.onreadystatechange = loadXML;

        xmlDoc.load("PartialRates.xml");
    }

    function loadXML() {
        if (xmlDoc.readyState == 4) {

            var item = xmlDoc.getElementsByTagName("item");

            //use the 'item' to populate the HTML tags.   

        }
    }
</script>
</head>
<body>
<img src="banner.png" id="worldwidebanner" />
    <form id="login" class="login">
        <input type="text" name="email" />
        <div class="divider"></div>
        <input type="text" name="password" />
        <div class="divider"></div>
        <button type="button">Login</button>
        <div class="divider"></div>
        <a href="">Forgot My Password</a>
        <div class="divider"></div>
        <a href="">Create New Account</a>
    </form>
    <table>
        <tr style="background-color: #404040">
            <td width="103px" style="border: 1px solid #8ad0f2;">Home</td>
            <td width="103px" style="border: 1px solid #8ad0f2">How to Call</td>
            <td width="103px" style="border: 1px solid #8ad0f2">Buy Credit</td>
            <td width="103px" style="border: 1px solid #8ad0f2">Rates</td>
            <td width="103px" style="border: 1px solid #8ad0f2">Help Center</td>
            <td width="103px" style="border: 1px solid #8ad0f2">Contact Us</td>
        </tr>
        <tr style="background-color: #BFBFBF">
            <td colspan="2">Our Promise</td>
            <td colspan="2">Calling Rates</td>
            <td colspan="2">How It Works</td>
        </tr>
        <tr style="background-color: #736108">
            <td colspan="2">+ No Hidden Charges<br />
                + PINLess Dialing<br />
                + Balance Never Expires<br />
                + Munite Rounding<br />
                + 100% Quality Guarantee<br />
            </td>
            <td colspan="2"><div style="height: 75px" >
                <script language="javascript" type="text/javascript">loadXML;</script>
                            </div>
            <br />Click Here for More Rates</td>
            <td colspan="2"><p>+ Sign Up<br />
                            + Buy credit and pay with any major
                            credit, debit card or PayPal<br />
                            + Dial the access number and call your 
                              destination.<br /></p>                                
            </td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"><a href="privacy.html">Privacy Policy</a></td>
            <td colspan="2"><a href="terms.html">Terms and Conditions</a></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

これは、表示することになっている XML ファイルです。

<?xml version="1.0" encoding="utf-8" ?>
<PartialRates>
<partialRates rate1="Argentina 1.6 cents" rate2="Brazil 2.4 cents" rate3="China 2.8     cents" rate4="India 3.5 cents" rate5="Russia 2.3 cents"></partialRates>
</PartialRates>
4

2 に答える 2

1

このページのチュートリアルを参照してください: http://coursesweb.net/ajax/ajax-xml、JavaScript /Ajax で XML からデータを取得する方法について説明しています。

于 2013-09-26T16:11:25.633 に答える