jquery ajax issue

Question

this is likely to endup being an easy fix so I'll apologize in advance for wasting your time. I have the following code:

$.ajax({
            url: "/room/" + $nodeid + "/rss.xml",
            dataType: "xml",
            success: function($xml){
                $($xml).find('node').each(
                    function(){
                        alert( $(this).attr('name') );

                    }
                );
            },
            failure: function(){
                alert('Ajax not responding!');
            }
        });

And I am trying to read the following xml:

<?xml version="1.0" encoding="UTF-8" ?><xml>
  <node>
    <Title name = 'Title'>Committtee Room 1</Title>
    <Theatre name = 'Theatre'>40</Theatre>
    <Classroom name = 'Classroom'>24</Classroom>
    <Boardroom name = 'Boardroom'>22</Boardroom>
    <Cabaret name = 'Cabaret'>24</Cabaret>

  </node>
</xml>

Can someone please enlighten me and tell me why my alert( $(this).attr('name') ); is not returning "Title", "Theatre" etc

Thanks.

@TheSuperTramp am trying to fix it but editing on an iPhone is a PITA... — Shaggy Frog
– Shaggy Frog, Commented Jun 7, 2011 at 16:48

lonesomeday · Accepted Answer · 2011-06-07 16:49:56Z

4

You've found the node element. This doesn't a name attribute.

You need to find the child elements of node instead:

$($xml).find('node > *').each(

answered Jun 7, 2011 at 16:49

lonesomeday

239k54 gold badges330 silver badges329 bronze badges

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

Comments

NateDSaint · Accepted Answer · 2011-06-07 16:54:41Z

1

I agree with lonesomeday, but you might also try looking for the entities inside of your existing node each, so that you still maintain the loop structure per node tag.

$($xml).find('node').each(
                function(){
                    alert($(this).children("Title").attr("name"));
                    // or put some conditional logic for the node like so
                    if ($(this).attr("awesome") == true) {
                      alert($(this).children("Title").attr("name")+" is awesome!");
                    }
                }
            );

answered Jun 7, 2011 at 16:54

NateDSaint

1,5242 gold badges17 silver badges35 bronze badges

Comments

jk. · Accepted Answer · 2011-06-07 17:00:38Z

1

This worked in a fiddle:

$($xml).find('node').children().each(
                function(){
                    alert( $(this).attr('name') );

                }
            );

answered Jun 7, 2011 at 17:00

jk.

14.4k4 gold badges45 silver badges58 bronze badges

Comments

msmafra · Accepted Answer · 2011-06-07 17:03:56Z

1

Your XML should be like this:

<?xml version="1.0" encoding="UTF-8" ?>
<list>
      <node>
        <Title name='Title'>Committtee Room 1</Title>
        <Theatre name='Theatre'>40</Theatre>
        <Classroom name='Classroom'>24</Classroom>
        <Boardroom name='Boardroom'>22</Boardroom>
        <Cabaret name='Cabaret'>24</Cabaret>
      </node>
</list>

Sorry I misread your code, this tutorial could help: http://think2loud.com/reading-xml-with-jquery/

edited Jun 7, 2011 at 17:03

answered Jun 7, 2011 at 16:52

msmafra

1,7143 gold badges21 silver badges34 bronze badges

1 Comment

sisko Over a year ago

Thank you all very much for your insight. I will look into all your suggestions asap

Collectives™ on Stack Overflow

jquery ajax issue

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related