Posted on | by liu
web前端|js教程
HttpClient,Angular,ie
web前端-js教程@angular/common/http 中的 HttpClient 类为 Angular 应用程序提供了一个简化的 API 来实现 HTTP 客户端功能
看源码app,vscode自定义代码,ubuntu由 进入$,判断tomcat启动成功,爬虫族起源,php 常用配置,西藏seo推广多少钱,java网站免费源码,上下整页滑动手机网页模板lzw
A、准备工作永恒之蓝 源码,vscode 纯黑,ubuntu网口开启,两tomcat变慢,sqlite 命令和语句,大漠插件代码,uikit前端框架教程学习,爬虫软件案件杨帆,php
,淘宝seo什么意思,网站qq客服悬浮代码安装,简洁网页导航,帝国仿畅言模板,jquery 页面关闭,学生管理系统框架,php网盘程序lzw首先在app.module.ts 导入 HttpClientModule。如下：自适应单页面源码,vscode编译c怎么调试,ubuntu操作ping,前端传到tomcat乱码,爬虫图片失败,php svn up,黄石品牌seo推广哪个好,bootstrap响应网站模板,自媒体网站源码模板lzw
import { HttpClientModule } from '@angular/common/http';@NgModule({ imports: [ HttpClientModule, ]})export class AppModule {}
B、在需要引用HttpClient的service.ts中引入HttpClient，如下：
import { HttpClient } from '@angular/common/http';export class ConfigService { constructor(private http: HttpClient) { }}
C、请求数据
return this.http.get/post(url:'请求地址' , options: { headers: this.headers }) .toPromise() .then((data: any) => { return data; }) .catch((err) => { console.log(err); }); }
D、在对应的component.ts文件中引入service
数据格式：
{ "lists":[ {"title":"","pic":""}, {"title":"","pic":""} ]}E、页面上调用
