Javascript Angular 8使用正确的数据显示HTTP响应。([对象])
在我当前的Angular项目中,我向服务器发送一个JSON文件,服务器返回一个修改后的JSON文件。新的JSON文件应显示在树中 我目前的问题是无法从新的JSON读取数据。每当我想显示一个JSON对象时,总是会出现以下错误:Javascript Angular 8使用正确的数据显示HTTP响应。([对象]),javascript,arrays,json,angular,angular8,Javascript,Arrays,Json,Angular,Angular8,在我当前的Angular项目中,我向服务器发送一个JSON文件,服务器返回一个修改后的JSON文件。新的JSON文件应显示在树中 我目前的问题是无法从新的JSON读取数据。每当我想显示一个JSON对象时,总是会出现以下错误: [object Object] 后请求: public sendJSON() { this.http.post('url', this.combineJSON,{headers:{'Content-Type': 'application/json'}}).subs
[object Object]
后请求:
public sendJSON() {
this.http.post('url', this.combineJSON,{headers:{'Content-Type': 'application/json'}}).subscribe((data: Device) => {
console.log("Test Output: " + data);
})
}
我定义了一个模型来处理响应:
export class Device {
orderNumber: number;
deviceTypeId: number;
swRevision: string;
hwRevision: string;
}
数据显示不正确的问题在哪里?您正在尝试打印整个对象。可以利用JSON.stringify()函数将对象显示为字符串 log(“测试输出:+JSON.stringify(数据)) 您定义的模型可以帮助您识别源代码中数据对象的所有属性。 例如,您可以使用以下选项打印swRevision属性: 日志(“测试输出:”+data.swRevision)
数据未正确显示是因为console.log中的
+
+
连接字符串,如果是字符串以外的内容,则调用对象的toString()方法
只需更改
console.log(“测试输出:”+数据)代码>到console.log(“测试输出:”,数据)它应该显示您的对象。console.log(“测试输出:”,数据)
没有JSON对象。它要么是JSON,即文本,要么是对象。要查看正确的控制台输出,请使用console.log(“测试输出:”,数据)代码>另请参见此处: