Retrieve XML Data Jquery + Append HTML

Question

I want to create a list from a php xml file, so I read some tutorials and put together this:

$.blockUI();

           $.get('venuesxml.php', function (data) {

                $('#MenuList').append("<p><label><strong>Id</strong></label>
                                     <label><strong>venue type</strong></label></p>");

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

                    $('#MenuList').append("<p><label>" +

                    $(this).find('ID').text() + "</label><label>" +

                    $(this).find('venue_type').text() + "</label></p>");

                });

            });

            $.unblockUI();

However I noticed that this will only work if the xml looks like this:

<markers>
  <marker>

    <ID>1</ID>

    <venue_type>2</Name>

  </marker>
</markers>

However it looks like this:

<markers>
     <marker id="67" venue_type="2"/>
</markers>

How would I get the data in this case? Thanks

Madhur · Accepted Answer · 2012-11-18 18:36:50Z

1

You want to retrieve the XML attributes instead of nodes within <marker>

Try replacing $(this).find('ID').text() with $(this).attr('id') and $(this).find('venue_type').text() with $(this).attr('venue_type')

answered Nov 18, 2012 at 18:36

Madhur

2,2191 gold badge25 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jai · Accepted Answer · 2012-11-18 18:42:04Z

1

try changing with this and see if this works for you:

$(this).text($(this).attr('id')) + "</label><label>" +

$(this).text($(this).attr('venue_type')) + "</label></p>");

answered Nov 18, 2012 at 18:42

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Ram · Accepted Answer · 2012-11-18 18:42:30Z

1

You can use attr method:

$(data).find('marker').each(function () {
    var p = "<p>" +
               "<label>" + $(this).attr('id') + "</label>" +
               "<label>" + $(this).attr('venue_type') + "</label>" +
            "</p>"; 
    $('#MenuList').append(p)
});

answered Nov 18, 2012 at 18:42

Ram

145k16 gold badges174 silver badges201 bronze badges

Collectives™ on Stack Overflow

Retrieve XML Data Jquery + Append HTML

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related