ホームページ > 記事 > ウェブフロントエンド > jQuery による XML ファイルの解析および読み取り方法 (コード付き)
jQuery による XML ファイルの解析および読み取り方法 (コード付き)
- php中世界最好的语言オリジナル
- 2018-04-23 14:42:581553ブラウズ
今回は、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 に注目してください。中国の Web サイトのその他の関連記事もご覧ください。
推奨読書:
PHP+jQueryプラグインの非同期ファイルアップロード手順の詳細な説明
以上がjQuery による XML ファイルの解析および読み取り方法 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。