jQuery解析读取XML文件方法（附代码）
程序员文章站
2022-04-11 20:49:37
...
这次给大家带来jQuery解析读取XML文件方法（附代码），jQuery解析读取XML文件的注意事项有哪些，下面就是实战案例，一起来看一下。
项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文件功能的测试源码，现拿出来分享。
最近在做一个项目，因为页面使用了Cookie，所以要判断用户的浏览器是否支持Cookie，并提示用户如何开启浏览器的Cookie功能。同时，整个项目要配置多语言支持，包括中文、越南语、日语和英语，所以必须有语言配置文件。项目中应用jQuery解析读取XML语言配置文件来实现语言的调度。这是jQuery解析读取XML文件功能的测试源码，现拿出来分享。
目录结构：
main.css文件代码：
@CHARSET "UTF-8";
* {
margin: 0px;
padding: 0px;
}
body {
width: 800px;
text-align: left;
font-size:62.5%;
font: normal 0.75em tahoma, helvetica, sans-serif;
}
#Message_error {
height:16px;
color:#000;
line-height:16px;
background:#fcc url(image/msg_error.png) no-repeat;
margin-bottom
:2px;
border-bottom:#faa 1px solid;
padding-left
:20px;
overflow:hidden;
display:none;
}
#Message_success {
height:16px;
line-height:16px;
color:#000;
background:#cfc url(image/msg_success.png) no-repeat;
margin-bottom:2px;
border-bottom:#afa 1px solid;
padding-left:20px;
overflow:hidden;
display:none;
}
index.html文件代码：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery行级读取XML文件</title> <link rel="stylesheet" href="main.css" href="main.css" type="text/css"/> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="browser.js" ><script> </head> <body> <p id="Message_success"></p> <p id="Message_error"></p> </body> </html>
MsgConfig_zh.xml文件代码：
<?xml version="1.0" encoding="utf-8"?> <Msg-Config> <msg id="1" name="cookie-support"> <message>你的浏览器不支持Cookie，请开启浏览器的Cookie功能</message> <message-help>点击查看开启Cookie方法</message-help> <message-url>index.html</message-url> </msg> <msg id="2" name="load-xml"> <message>jQuery读取节点XML成功</message> </msg> </Msg-Config>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
以上就是jQuery解析读取XML文件方法（附代码）的详细内容，更多请关注其它相关文章！