gpt4 book ai didi

javascript - 使用 AJAX 显示 XML 文件的内容

转载 作者:行者123 更新时间:2023-12-02 18:18:50 24 4
gpt4 key购买 nike

我们的教授并没有花太多时间解释 AJAX,并希望我们将 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>

最佳答案

请参阅此页面的教程: http://coursesweb.net/ajax/ajax-xml ,它解释了如何在 JavaScript/Ajax 中从 XML 获取数据。

关于javascript - 使用 AJAX 显示 XML 文件的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19033231/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com