這次帶給大家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解析讀取XML檔案方法(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!