如何用JS解析服务器中xml文件的内容
2017-04-19 18:18
281 查看
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); 96bb 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”的值以获取不同的标签内容,例如代码中函数最后两行所解析出的内容是相同的。
上述代码的运行结果如下:
相关文章推荐
- 如何解析本地和线上XML文件获取相应的内容
- 如何解析本地和线上XML文件获取相应的内容
- 《在WebView中如何让JS与Java安全地互相调用》核心JS全解析
- 【问题-java-json】josn的发送与接收(全)解析json对象与字符串在js中的区别,以及后端spring该如何接收?
- android如何使用DOM和SAXParserFactory来解析XML文件
- 前端js中解析XML文件(一)
- 分布式下的爬虫Scrapy应该如何做-关于动态内容js或者ajax处理(2)
- js 如何调用另一个页面id 内容
- 超级课程表原理解析(如何获取网页内容)
- JS解析json数据(如何将json字符串转化为数组)
- 如何使用xstream解析网络上请求的xml文件,解析并展示
- 如何解析assets目录下的xml文件,,并展示
- React 如何解析从后台读取的内容是html格式代码(带样式)
- js解析XMl文件,兼容IE、Firefox、谷歌
- 用jstl输出带尖括号的内容时如何避免被html误解析
- [HTML]js读取XML文件并解析
- 远程获得服务器html文挡,并解析其内容(初步)
- 如何使用阿里云云解析API实现动态域名解析,搭建私有服务器
- js如何获取select下拉框的value以及文本内容
- JS如何判断移动端访问设备并解析对应CSS