ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでxmlファイルを読み込んで解析する手順を詳しく解説

jQueryでxmlファイルを読み込んで解析する手順を詳しく解説

php中世界最好的语言
リリース: 2018-04-23 11:33:52
オリジナル
1571 人が閲覧しました

今回はjQueryでxmlファイルを読み込んで解析する手順を詳しく解説します jQueryでxmlファイルを読み込んで解析する際の注意点を実際に見てみましょう。

ここでは、jQuery が ajax を通じて XML ファイルを定期的に読み取って分析する方法を示します。

xml ファイルは次のとおりです:

<?xml version="1.0"?>
<data>
 <page tasks="1" messages="3" notifications="3"/>
</data>
ログイン後にコピー
js ファイルは次のとおりです:

$(document).ready(function() {
 function get_info() {
  $.ajax({
   type: "GET",
   url: "page.xml",
   dataType: "xml",
   cache: false,
   complete: function(doc) {
    var tasks = $(doc.responseText).find("page").attr("tasks");
    var msgs = $(doc.responseText).find("page").attr("messages");
    var notes = $(doc.responseText).find("page").attr("notifications");
    if (tasks != $('#tasks').text() ||
     msgs != $('#messages').text() ||
     notes != $('#notifications').text()) {
     document.title = "Facebook" + ' NEW NOTIFICATON';
    }
    $('#tasks').text(tasks);
    $('#messages').text(msgs);
    $('#notifications').text(notes);
   }
  });
 }
 setInterval(function() {
  get_info();
 }, 5000);
});
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、に関する他の関連記事に注目してください。 PHP中国語ウェブサイトです!

推奨読書:

jQuery を使用すると、新たな構築を行わずにブラウザーが相互にジャンプしてパラメーターを渡すことができます。

以上がjQueryでxmlファイルを読み込んで解析する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート