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 (reserve)时，控制台返回：

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

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

使用JS在DOM中添加元素

1 个答案: