首頁 > web前端 > js教程 > 主體

jQuery解析讀取XML檔案方法(附程式碼)

php中世界最好的语言
發布: 2018-04-23 14:42:58
原創
1554 人瀏覽過

這次帶給大家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>
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jquery動態載入js檔案詳解

#PHP jQuery外掛程式異步上傳檔案步驟詳解

#

以上是jQuery解析讀取XML檔案方法(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板