1

XMLシートからデータを取得しようとしていますが、このfyiを実行するのはこれが初めてです。

これが私のjQueryです。

    $(document).ready(function(){
        $.ajax({
            type: "GET",
            url: "desk.xml",
            dataType: "xml",
            success: function(xml) {
                $(xml).find('desk').each(function(){
                    var id = $(this).attr('id');
                    var desknum = $(this).find('desk#').text();
                    var phonenum = $(this).find('phone#').text();
                    var emailinfo = $(this).find('email').text();
                    $('<div class="desks" id="desk_'+id+'"></div>').html().appendTo('#page-wrap');
                        $('<div class="desknum"></div>').html(desknum).appendTo('#desk_'+id);
                        $('<div class="phonenum"></div>').html(phonenum).appendTo('#desk_'+id);
                        $('<div class="emailinfo"></div>').html(emailinfo).appendTo('#desk_'+id);
                });
            }
        });
    });

これが私のXMLです

<?xml version="1.0" encoding="iso-8859-1"?>
 <location>
   <desk id="1">
      <desk#>Camaron</desk#>
   <computer#>COR9838L</computer#>
<phone#>111.111.1111</phone#>
<email#>camaron@yahoo.com</email#>
<picture></picture>
  </desk>
  <desk id="2">
   <desk#>Greg</desk#>
<computer#>COR9838L</computer#>
<phone#>111.111.1111</phone#>
<email>camaron@yahoo.com</email>
<picture></picture>
  </desk>
  <desk id="3">
<desk#>Cesar</desk#>
<computer#>COR9838L</computer#>
<phone#>111.111.1111</phone#>
<email#>camaron@yahoo.com</email#>
<picture></picture>
   </desk>
  <desk id="4">
   <desk#>Tracy</desk#>
<computer#>COR9838L</computer#>
<phone#>111.111.1111</phone#>
<email#>camaron@yahoo.com</email#>
<picture></picture>
  </desk>
</location>

ここでjsfiddleも設定しますhttp://jsfiddle.net/cornelas/Re6Nv/

なぜ機能しないのかわからない。

また、div idを作成する代わりに、xmlデータを正しいdividにロードしたいと思います。私の計画が何であるかを理解するために、私は場所ベースの形式を構築しています。各デスクは地図上にIDを持ち、xmlは地図上の場所を指し、データを正しく配置する必要があります。これは大きなプロジェクトなので、あなたが提供できるどんな助けも大いに感謝されます。

4

1 に答える 1

1

あなたのdesk.xmlは500内部サーバーエラーを返します。また、XMLファイルにアクセスできるようになったらこのコードを使用することをお勧めします。

$.get('http://www.designsbycamaron.net/desk.xml', function(data){

    $(data).find('desk').each(function(){

        var $desk = $(this); 
        var id = $desk.attr("id");
        var desknum = $desk.find('desk#').text();
        var phonenum = $desk.find('phone#').text();
        var emailinfo = $desk.find('email').text();

        var html = '<div class="desks" id="desk_' + id + '">';
        html += '<div class="desknum">' + desknum + '</div>';
        html += '<div class="phonenum">' + phonenum + '</div>'; 
        html += '<div class="emailinfo">' + emailinfo + '</div></div>'; 

        $('#page-wrap').append($(html));

    });

});​

http://jsfiddle.net/Re6Nv/6/

于 2012-10-23T16:29:36.130 に答える