栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在angular 2中使用HTTP Rest API

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在angular 2中使用HTTP Rest API

提供的很好的答案,但是我想补充一点,所以发布作为答案。

首先,要使用Rest API,我们需要导入

Http
HTTP_PROVIDERS
模块。当我们谈论Http时,第一步显然是。

<script src="node_modules/angular2/bundles/http.dev.js"></script>

但是,是的

HTTP_PROVIDERS
,在bootstrap文件中提供一个好习惯,因为通过这种方式,它是在全局级别提供的,并且可以像这样在整个项目中使用。

bootstrap(App, [    HTTP_PROVIDERS, some_more_dependencies]);

和要包括的进口是…

import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http';

有时我们需要

Headers
在消耗API的同时提供发送
access_token
信息,并通过这种方式完成更多工作:

this.headers = new Headers();this.headers.append("Content-Type", 'application/json');this.headers.append("Authorization", 'Bearer ' + localStorage.getItem('id_token'))

现在到RequestMethods:基本上,我们使用GET,POST,但是您可以在此处引用更多选项…

我们可以使用requestmethods作为

RequestMethod.method_name

API还有更多选项,但现在我发布了一个POST请求示例,该示例将通过一些重要方法为您提供帮助:

PostRequest(url,data) {        this.headers = new Headers();        this.headers.append("Content-Type", 'application/json');        this.headers.append("Authorization", 'Bearer ' + localStorage.getItem('id_token'))        this.requestoptions = new RequestOptions({ method: RequestMethod.Post, url: url, headers: this.headers, body: JSON.stringify(data)        })        return this.http.request(new Request(this.requestoptions)) .map((res: Response) => {     if (res) {         return [{ status: res.status, json: res.json() }]     } });    }

您也可以在这里参考以获取更多信息。

也可以看看 -

  • 在Angular 2中如何处理200以外的http状态代码。

更新资料

导入已从更改为

import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http';

import {Http, Response, RequestOptions, Headers, Request, RequestMethod} from '@angular/http';


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442109.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号