javascript - 使用 JS 在 DOM 中添加元素

Question

我尝试在 HTML 中打印网站其他部分的数据，数据出现在控制台上，但不在 HTML 中。

我认为这是代码中的错误，有人可以指出我或指导我吗？

$.ajax({
    type: "GET",
    url: 'https://example.com',
    crossDomain: true,
    success: function (json) {
        var reservas = json;

        reservas.forEach(function (reserva) {
            $(".reservas").append($("<td/>", {
                html: reserva
            }));

            console.log(reserva);
        });
    },
    error: function (e) {
        console.log(e);
    }
});

如果我更改变量储备:

var reservas = ["test", "test2", "test3"]

并且正在添加元素..

当我给出console.log(保留)时，控制台返回:

Object {
  _id: "10152686662737642",
  nome: "First Person",
  email: "email1@gmail.com",
  __v: 0
}(index):68
Object {
  _id: "10152433045473800",
  nome: "Second Person",
  email: "email2@gmail.com",
  __v: 0
} (index):68

也许问题是这不是一个数组？

Answer 1

根据您的澄清。我相信你想做的是:

$(".reservas").append($("<td/>", {
    html: JSON.stringify(reserva)
}));

要么 $(".reservas") 在 DOM 中找不到任何元素。您也可能想做类似的事情:

$(".reservas").append($("<td/>", {
    html: reserva.nome + "  " + reserva.email
}));

而是取决于您实际想要显示的内容