在Angular中,可以使用HttpClient
模块来进行同步的XMLHttpRequest加载资源的JSON。以下是一个代码示例:
HttpClientModule
。在app.module.ts
文件中添加以下代码:import { HttpClientModule } from '@angular/common/http';
@NgModule({
imports: [
HttpClientModule
],
// ...
})
export class AppModule { }
HttpClient
模块,并注入到构造函数中:import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-my-component',
template: `...`
})
export class MyComponent {
constructor(private http: HttpClient) { }
loadData() {
const url = 'https://example.com/api/data.json';
this.http.get(url).subscribe(data => {
console.log(data);
});
}
}
loadData()
方法即可:
以上代码使用了HttpClient
的get()
方法来发送GET请求,并使用subscribe()
方法来订阅响应的数据。在这个例子中,可以将url
替换为你的API端点的URL。
请注意,Angular默认使用异步的XMLHttpRequest加载资源,如果要使用同步加载,可能需要更改为其他方式,例如使用XMLHttpRequest
对象进行加载。但是,由于同步请求会阻塞UI线程,并且在Angular中不推荐使用同步请求,所以建议使用异步加载的方式来获取资源。