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

【问题标题】：Ajax call response doesn't get inserted into a “Div” tag jquery selectorAjax 调用响应没有插入到“Div”标签 jquery 选择器中
【发布时间】：2020-07-14 08:37:54
【问题描述】：

您能否告诉我为什么我可以在 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>");
    }
}
    }); }

【问题讨论】：

尝试响应[i]["id"]等
在 append 方法调用中使用 JSON.stringify() 包装 response[i] 会发生什么？ $("div").append("<b>"+rJSON.stringify(response[i])+"</b>");
对，您需要对数据进行字符串化或明确告诉它您要使用哪个值

标签： javascript html jquery json ajax

【解决方案1】：

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

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

【讨论】：