如何用JS解析服务器中xml文件的内容

最新推荐文章于 2019-03-28 15:50:04 发布

sgzhm4444

最新推荐文章于 2019-03-28 15:50:04 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/sgzhm_casco/article/details/70243701

版权

1、下载安装JDK软件，并完成相关配置

首先下载JDK软件，地址为：

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

下载后安装软件，注意安装路径。

安装完成后，进行环境变量的配置，这里以win7为例：

1. 右键计算机-属性-高级系统设置-高级，点击环境变量
2. 在系统变量中点击新建，变量名：JAVA_HOME，变量值：软件的安装路径
3. 在用户变量中点击新建，变量名：CLASS_PASS，变量值：.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
4. 在系统变量中找到变量名为Path的变量，点击编辑，在变量值最后加入;%JAVA_HOME%\bin;

完成上述步骤后，测试java环境是否配置成功。按下win+R键，输入cmd，回车，输入java -version，若能正常显示java版本，则说明环境配置成功。

2、下载安装Tomcat软件，并完成相关配置

下载Tomcat软件，地址为：

http://tomcat.apache.org/

下载后安装软件，同样注意安装路径。

安装完成后，进行环境变量的配置，同样以win7为例：

1. 右键计算机-属性-高级系统设置-高级，点击环境变量
2. 在系统变量中点击新建，变量名：CATALINA_HOME，变量值：软件的安装路径
3. 在系统变量中点击新建，变量名：CATALINA_BASE，变量值：软件的安装路径
4. 在系统变量中找到变量名为Path的变量，点击编辑，在变量值最后加入;%CATALINA_HOME%\lib;%CATALINA_HOME%\bin;

完成上述步骤后，测试Tomcat是否安装成功。找到安装目录bin文件夹下的startup.bat启动Tomcat，在浏览器地址栏输入http://localhost:8080，若看到如下页面，则说明软件安装成功。

这里写图片描述

关闭服务器时，点击bin文件夹下的shutdown.bat以关闭Tomcat。

3、上传文件到Tomcat服务器

在Tomcat目录中找到webapps文件夹，在该文件夹中新建一个文件夹，这里以demo为例，在webapps文件夹中找到名为examples的文件夹，复制其中的WEB-INF文件夹到demo文件夹中，如此一来，则完成了上传文件的基本配置，然后，将想要上传的文件添加到demo文件夹中（本文将一个名为example.xml的文件添加到demo文件夹中），就完成了文件上传的操作。

为验证文件是否上传成功，可以在Tomcat服务器开启时，打开浏览器，在地址栏输入http://localhost:8080/demo/example.xml，若能出现正确的xml文件内容，则说明文件上传成功。

本文中的xml文件代码如下：

<?xml version="1.0" encoding="utf-8" ?>     
<address>    
    <city name="北京">    
        <price>150万</price>    
        <type>一室三居</type>    
    </city>    
    <city name="上海">    
        <price>200万 </price>    
    </city>    
    <city name="杭州">    
        <price>230万</price>    
    </city>    
    <city name="南京"></city>    
</address>

出现的页面如下：

这里写图片描述

4、编写相关的html文件

本文中html文件实现的主要功能是：在网页中添加一个button按钮，当点击按钮时，能显示出所解析的xml文件的相关内容。因此，同样将此html文件放在demo文件夹中，代码如下：

<html>
<head>
    <script type="text/javascript">
        function alertValue() 
        {
            xmlhttp=new XMLHttpRequest();
            xmlhttp.open("GET","b2.xml",false);
            xmlhttp.send();
            xmlDoc=xmlhttp.responseXML;
            alert(xmlDoc.getElementsByTagName("address")[0].innerHTML);
            alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].innerHTML);
            alert(xmlDoc.getElementsByTagName("city")[0].innerHTML);
        }
    </script>
</head>

<body>
    <form>
        <input type="button" value="Click me!" id="myButton"
        onclick="alertValue()" />
    </form>
</body>
</html>

其中，函数的前4行用于实现html和xml文件的信息交互，解析指定标签内容依靠xmlDoc.getElementsByTagName(“tagname”)[0].innerHTML命令实现，其中数字0表示标签名为tagname的序数，如0表示第1个标签名为tagname的标签，1表示第2个标签名为tagname的标签。若想获得子标签的内容，可以借助命令xmlDoc.getElementsByTagName(“tagname”)[0].childNodes[0].innerHTML，其中childNodes后的数字含义与tagname后的数字含义类似，或者，也可以在解析时直接可以更改”tagname”的值以获取不同的标签内容，例如代码中函数最后两行所解析出的内容是相同的。

上述代码的运行结果如下：

这里写图片描述

sgzhm4444

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何用JS解析服务器中xml文件的内容

1、下载安装JDK软件，并完成相关配置首先下载JDK软件，地址为： http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 下载后安装软件，注意安装路径。安装完成后，进行环境变量的配置，这里以win7为例： 1. 右键计算机-属性-高级系统设置-高级，点击环境变量 2.
复制链接

扫一扫