在后端代码中,确保使用正确的响应头来发送JSON数据,例如Content-Type为application/json。然后,在Angular代码中,使用HttpClient模块中的get或post方法,通过订阅来获取JSON数据,而不是HTML。示例如下:
后端代码示例(使用Node.js和Express框架):
app.get('/api/data', function(req, res) {
const jsonData = {
data1: 'value1',
data2: 'value2'
}
res.setHeader('Content-Type', 'application/json');
res.send(JSON.stringify(jsonData));
});
Angular代码示例:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class DataService {
constructor(private http: HttpClient) { }
getData() {
return this.http.get('/api/data').subscribe(response => {
console.log(response);
});
}
}
在上面的代码示例中,DataService服务使用HttpClient来获取来自/api/data的JSON数据,使用subscribe()方法来处理响应数据。