这次给大家带来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动态加载js文件详解
php+jquery插件异步上传文件步骤详解
以上就是jquery解析读取xml文件方法(附代码)的详细内容。