jQuery XMLファイルを読み込む方法の例
この実例は、jQueryがXMLファイルを読み込む方法を説明する。皆さんに参考にしてあげます。具体的には以下の通りです。
オンラインXML/JSON相互変換ツール:
http://tools.jb51.net/code/xmljson
オンラインXML/オンライン圧縮XML:
http://tools.jb51.net/code/xmlformat
XMLオンライン圧縮/フォーマットツール:
http://tools.jb51.net/code/xml_フォーマットcompless
xmlコードオンラインフォーマット美化ツール:
http://tools.jb51.net/code/xmlcodeformat
jQueryに関するものについてもっと興味がある方は、当駅のテーマを見てください。「jQuery操作xmlテクニックまとめ」「jQuery操作jsonデータ技術まとめ」「jQuery拡張テクニックのまとめ」「jQuery常用プラグインと使い方のまとめ」「jQueryよくある経典効果のまとめ」「jqueryセレクタの使い方のまとめ」
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。
<?xml version="1.0" encoding="utf-8" ?>
<taxrates>
<taxrate id="1">
<lower>0</lower>
<upper>500</upper>
<rate>5</rate>
<buckle>0</buckle>
</taxrate>
<taxrate id="2">
<lower>500</lower>
<upper>2000</upper>
<rate>10</rate>
<buckle>25</buckle>
</taxrate>
<taxrate id="3">
<lower>2000</lower>
<upper>5000</upper>
<rate>15</rate>
<buckle>125</buckle>
</taxrate>
<taxrate id="4">
<lower>5000</lower>
<upper>20000</upper>
<rate>20</rate>
<buckle>375</buckle>
</taxrate>
<taxrate id="5">
<lower>20000</lower>
<upper>40000</upper>
<rate>25</rate>
<buckle>1375</buckle>
</taxrate>
<taxrate id="6">
<lower>40000</lower>
<upper>60000</upper>
<rate>30</rate>
<buckle>3375</buckle>
</taxrate>
<taxrate id="7">
<lower>60000</lower>
<upper>80000</upper>
<rate>35</rate>
<buckle>6375</buckle>
</taxrate>
<taxrate id="8">
<lower>80000</lower>
<upper>100000</upper>
<rate>40</rate>
<buckle>10375</buckle>
</taxrate>
<taxrate id="9">
<lower>100000</lower>
<upper>99999999</upper>
<rate>45</rate>
<buckle>15375</buckle>
</taxrate>
</taxrates>
function StandardTaxRate()
{
$.ajax({
url: "/Resource/salaryTaxRate.xml",
dataType: 'xml',
type: 'GET',
timeout: 2000,
error: function(xml)
{
alert(" XML !");
},
success: function(xml)
{
$(xml).find("taxrate").each(function(i)
{
var oid = $(this).attr("id");
var lower = $(this).children("lower").text();
var upper = $(this).children("upper").text();
var rate = $(this).children("rate").text();
var buckle = $(this).children("buckle").text();
/// 。。。
});
}
});
}
PS:ここでxmlの操作に関するオンラインツールをいくつか提供します。参考にしてください。オンラインXML/JSON相互変換ツール:
http://tools.jb51.net/code/xmljson
オンラインXML/オンライン圧縮XML:
http://tools.jb51.net/code/xmlformat
XMLオンライン圧縮/フォーマットツール:
http://tools.jb51.net/code/xml_フォーマットcompless
xmlコードオンラインフォーマット美化ツール:
http://tools.jb51.net/code/xmlcodeformat
jQueryに関するものについてもっと興味がある方は、当駅のテーマを見てください。「jQuery操作xmlテクニックまとめ」「jQuery操作jsonデータ技術まとめ」「jQuery拡張テクニックのまとめ」「jQuery常用プラグインと使い方のまとめ」「jQueryよくある経典効果のまとめ」「jqueryセレクタの使い方のまとめ」
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。