Load XML file with Ajax [Object Oriented]

Question

This is an example of my xml file, with <studentenhuizen> repeated multiple times:

<studentenhuis>
  <studentenhuizen>
    <adres>Aalbeeksesteenweg</adres>
    <huisnr>19</huisnr>
    <gemeente>KORTRIJK</gemeente>
    <aantal_kamers>14</aantal_kamers>
  </studentenhuizen>
</studentenhuis>

My object

function StudentenKot(adres, huisnr, gemeente, aantalkamers){
    this.adres = adres;
    this.gemeente = gemeente;
    this.huisnr = huisnr;
    this.aantalSlaapkamers = aantalkamers;
};

Load xml file:

$.ajax({
    type: "GET",
    dataType: "xml",
    url:url,
    success: function (xml) {
        studentenhuis = new Array();
        $(xml).find("studentenhuizen").each(function () {
            studentenhuis.push(new StudentenKot(this.adres, this.huisnr, this.gemeente, this.aantal_kamers));
        });

        $.each(studentenhuis, function (i) {
            $(".studentenkoten").append("<div class='gemeente'>" + studentenhuis[i].adres + "</div>");
        });
    }
});

When added to the <div class="gemeente"> it says "undefined". This worked before, but it says [Object object] now

alert($(xml).find("adres"));

What do you this.adres, this.huisnr, … expect to be in that each loop? this is an XML node, isn't it? — Bergi
– Bergi, Commented Jan 19, 2014 at 21:48
Yeah it is, I confused it with json haven't I? Either way 'adres = $(xml).find("adres")' --> alert(adres) won't work either. — user2759675
– user2759675, Commented Jan 19, 2014 at 21:50
Try console.log(studentenhuis[i]) in your last each loop to see the structure of it. Chances are you're just missing a key identifier or something trivial like that — scrowler
– scrowler, Commented Jan 19, 2014 at 21:55
It says: aantalSlaapkamers: undefined adres: undefined gemeente: undefined huisnr: undefined __proto__: Object — user2759675
– user2759675, Commented Jan 19, 2014 at 22:02

Bergi · Accepted Answer · 2014-01-19 22:09:18Z

1

this.adres - I confused it with json haven't I?

Yes, you have. This should've said undefined when alerting/stringifying it.

$(xml).find("adres") - it says [Object object] now

Yes, what find returns is a jQuery collection object which will get stringified to "[object Object]". You want:

not the <adres> node (nor a jQuery collection with it), but its text content
to search the current <studentenhuizen> node, not the whole xml.

So use

$(xml).find("studentenhuizen").each(function () {
    studentenhuis.push(new StudentenKot(
        $(this).find("adres").text(),
        $(this).find("huisnr").text(),
        $(this).find("gemeente").text(),
        $(this).find("aantal_kamers").text()
     ));
});

answered Jan 19, 2014 at 22:09

Bergi

670k162 gold badges1k silver badges1.5k bronze badges

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

3 Comments

Peter Over a year ago

Didn't know that jQuery can wrap XML, too. :)

Bergi Over a year ago

@Peter: Wrapping is no problem, only some html-specific methods (.html(), offset(), animate() etc) might not work. However, the way jQuery does parse HTML was not designed to work with XML, so there are lots of cross-browser problems with this (1). I personally wouldn't use it, but that's out of the scope of this question.

Peter Over a year ago

Okay, there are seem to be pretty many issues with this kind of approach. Haven't tried this one : xmljs.sourceforge.net yet, but it looks pretty complete.

Collectives™ on Stack Overflow

Load XML file with Ajax [Object Oriented]

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related