jQueryでXMLをパースして表示するコードサンプル例
2010年03月18日-
スポンサード リンク
Parse XML with jQuery | Papermashup.com
jQueryでXMLをパースして表示するコードサンプル例が公開されています。
jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。

$.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。
普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。

.xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。
jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
jQueryでXMLをパースして表示するコードサンプル例が公開されています。
jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。

$.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。
普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。

.xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。
jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- 過去のエントリ