gpt4 book ai didi

javascript - 如何以 HTML 格式输出 XML

转载 作者:行者123 更新时间:2023-11-28 06:37:25 24 4
gpt4 key购买 nike

我目前正在尝试自定义一个项目。我正在尝试使用 HTML 创建商店定位器应用程序并调用 url 以 XML 格式输出数据。

我正在使用的输入表单接受参数:

<!DOCTYPE html>
<html>
<head>
<title>Store Locator</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
</head>
<body>

<div align="center">
<form action="SmartHomePage2.html" method="post">
<table cellspacing="5">
<tr>
<td colspan="2" align="center">
<h2>Store Locator</h2>
</td>
</tr>
<tr>
<td align="right">
Enter Your Zip Code:
</td>
<td>
<input type="text" name="zip" value="" />
</td>
</tr>
<tr>
<td align="right">
Enter the search radius in miles:
</td>
<td>
<input type="text" name="dist" value="" />
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Search" />
</td>
</tr>

</table>
</form>
</div>
</body>
</html>

这是我的输出页面的样子:

 <!DOCTYPE html>
<html>
<head>
<title>Search Results</title>
</head>
<body>

<h1>Best Buy Results</h1>
<c:import url="http://api.remix.bestbuy.com/v1/stores(area
(${param.zip},${param.dist}))?show=storeId,name,distance,lat,lng
&apiKey=ruuk8c4ux2p4e7d6bfftzuda" var="message" />
<x:parse var="a" doc="${message}" />
<x:forEach var="current" select="$a/stores/store">
<b> Store ID: </b> <x:out select="$current/storeId" />
<br />
<b> Name: </b> <x:out select="$current/name" />
<br />
<b> Distance: </b> <x:out select="$current/distance" />
<br />
<b> Latitude: </b> <x:out select="$current/lat" />
<br />
<b> Longitude: </b> <x:out select="$current/lng" />
<br />
</li>
</ul>
</x:forEach>

</body>
</html>

我的问题是如何用 HTML 输出 XML 数据?或者我需要合并一些 JavaScript 吗?

提前谢谢您。

最佳答案

您可以使用XSL来完成此操作,这里有一个很好的解释和示例。

Converting XML to HTML using XSL

关于javascript - 如何以 HTML 格式输出 XML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34147473/

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