Javascript 如何以HTML格式输出XML_Javascript_Html_Xml

Javascript 如何以HTML格式输出XML

javascript html xml

Javascript 如何以HTML格式输出XML,javascript,html,xml,Javascript,Html,Xml,我有一个项目，我目前正试图自定义。我正在尝试使用HTML创建商店定位器应用程序，并调用url以XML格式输出数据我使用的输入表单接受以下参数： <!DOCTYPE html> <html> <head> <title>Store Locator</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

我有一个项目，我目前正试图自定义。我正在尝试使用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>


搜索结果
百思买业绩
存储ID:


姓名：


距离：


纬度：


经度：

我的问题是如何用HTML输出XML数据？还是我需要加入一些JavaScript

提前谢谢。

您可以使用XSL来实现这一点，下面是一个很好的解释和示例

您可以通过使用XSL来实现这一点，下面是一个很好的解释和示例

文章很棒，谢谢你的建议，这正是我需要的！没问题-干杯很棒的文章，谢谢你的建议，正是我需要的！没问题-干杯