jquery - jQuery による XML データの処理

Question

サンプルの XML ファイルがあります。

<?xml version="1.0"?>
<people>
 <person>
         <name> Joe </name>
         <age> 45 </age>
 </person>
<person>
   <name> Dan </name>
   <age> 25 </age>
</person>
</people>

アイデアは、jQuery を使用して各人の名前を取得することです。$.ajax( { } );call を使用してデータを取得する際に問題が発生しています。

次のサンプル コードをクリーンアップする方法を教えてください。

$.ajax( {
              url:"people.xml",  
              dataType: "json", 
              success:function(element,value)
                  {
                    $(element).find(value).each(function() 
                                        {
                                         alert($(this).find("name").text()
                                         });
                  });
                                         }
           }
        );

Answer 1

あなたDataTypeは間違っています。に変更する必要があります"xml"。

コードを次のように変更できます。

$.ajax(
       {
         url:"people.xml ",  //please specify the correct path
         dataType: "xml",    //Here the data type is XML
         success:function(data)
          {
           // if the parsing of the URL
           // is successful this anonymous call get executed
            $(data).find("person")
                   .each(
                         function() 
                         {
                           alert($(this).find("name").text());
                         }
                        );
          });

       }); 

Answer 2

まず、取得しているので、XML にXML設定する必要があります。dataType

次に、コードにいくつかの括弧を修正すると、動作するはずです

$.ajax({
    url: "people.xml",
    dataType: "xml",
    success: function (data) {
        $(data).find('name').each(function () { // get the names from data
            alert($(this).text());
        });
    }
});

フィドル

Answer 3

各人の名前はこのように引き出すことができます

$.ajax({
    url: "people.xml",
    success: function(data) {
        var names = $(data).find('name');
        $.each(names, function(i, name) {
            alert($(name).text());
        });
    }
});