javascript - Ajax 调用响应没有插入到“Div”标签 jquery 选择器中

Question

您能否告诉我为什么我可以在 Web 浏览器控制台中正确看到响应，但响应没有插入到“Div”标签中。

插入“Div”标签的唯一内容是：

    [object Object] [object Object][object Object][object Object]

后端响应示例：

    [ { "id": 67, "avaliable": true, "date": "2020-06-16T08:00:00", }, { "id": 68, "avaliable": true, "date": "2020-06-16T09:00:00", } ]

代码：

    function myFunction(){ $.ajax({ url: '/appt/all/doc/Dr.Lee/date/2020-06-16', type: 'GET', dataType: "json", success: function (response) {

for( i = 0;i<=response.length;i++){
     console.log(response[i]);
     $("div").append("<b>"+response[i]+"</b>");
    }
}
    }); }

标签： javascripthtmljqueryjsonajax

Answer 1

您可以尝试将对象更改为字符串，然后将其插入到 div 中。

for( i = 0;i<=response.length;i++){
     console.log(response[i]);
     $("div").append("<b>"+JSON.stringify(response[i])+"</b>");
  }