jQuery による XML ファイルの解析および読み取り方法 (コード付き)-jsチュートリアル-php.cn

jQuery による XML ファイルの解析および読み取り方法 (コード付き)

php中世界最好的语言

リリース： 2018-04-23 14:42:58

オリジナル

1568 人が閲覧しました

今回は、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 サイトのその他の関連記事もご覧ください。

推奨読書:

jsファイルを動的にロードするjQueryの詳細な説明

PHP+jQueryプラグインの非同期ファイルアップロード手順の詳細な説明

以上がjQuery による XML ファイルの解析および読み取り方法 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。