javascript - 使用 Ajax 加载 XML 文件 [面向对象]

Question

这是我的 xml 文件的示例，其中包含 <studentenhuizen>重复多次:

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

我的对象

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

加载 xml 文件:

$.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>");
        });
    }
});

当添加到<div class="gemeente">时它说“未定义”。 这以前有效，但现在显示 [Object object]

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

Answer 1

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

是的，你有。这应该说undefined当对其进行警报/字符串化时。

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

是的，什么find返回是一个 jQuery 集合对象，它将被字符串化为 "[object Object]" 。你想要:

• 不是 <adres>节点(也不是带有它的 jQuery 集合)，而是它的文本内容
• 搜索当前<studentenhuizen>节点，而不是整个xml .

所以使用

$(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()
     ));
});