Angular HttpClient请求方法如何设置body
Angular HttpClient请求方法可以通过设置请求的body来传递数据。具体设置方法如下：
- 首先，导入HttpClient模块：
import { HttpClient } from '@angular/common/http';- 在需要发送请求的组件中，通过依赖注入的方式注入HttpClient：
constructor(private http: HttpClient) { }- 使用HttpClient发送请求时，可以通过设置请求的options来设置请求的body。以下是几种常见的请求方法及其设置body的方式：
- GET请求不需要设置body，可以直接发送：
this.http.get(url).subscribe(response => {
// 处理响应数据
});- POST请求可以通过设置请求的body来传递数据：
const body = { key1: 'value1', key2: 'value2' };
this.http.post(url, body).subscribe(response => {
// 处理响应数据
});- PUT请求也可以通过设置请求的body来传递数据：
const body = { key1: 'value1', key2: 'value2' };
this.http.put(url, body).subscribe(response => {
// 处理响应数据
});- DELETE请求一般不需要设置body，可以直接发送：
this.http.delete(url).subscribe(response => {
// 处理响应数据
});- PATCH请求也可以通过设置请求的body来传递数据：
const body = { key1: 'value1', key2: 'value2' };
this.http.patch(url, body).subscribe(response => {
// 处理响应数据
});需要注意的是，请求的body可以是任意类型的数据，包括对象、字符串等。在发送请求时，HttpClient会根据请求的Content-Type自动将body转换为对应的格式。
以上是Angular HttpClient请求方法如何设置body的完整答案。如果你需要了解更多关于Angular HttpClient的详细信息，可以参考腾讯云的相关产品文档：Angular HttpClient。
相关·内容
我需要发送一个带有body的get请求。我正在使用angular HttpClient。我知道get方法不允许发送正文，所以我尝试使用request方法，但是我不能理解如何使用它。return this.http {
body
浏览 142提问于2019-01-15得票数 4
回答已采纳
我正在尝试从Angular 2前端与某种程度上的RESTful API对话。我找到的最直接的方法是将身份验证令牌放在请求头部中，将其他数据放在主体中。然而，Angular 2的Http模块并不完全认可包含主体的DELETE请求，并试图发出此请求headers.append('access-token', token);
targe
浏览 190提问于2016-08-08得票数 84
回答已采纳
this.http.get('getxmlurl', {headers: headers}).subscribe(response => {});谢谢
浏览 0提问于2017-07-24得票数 15
下面是我的HTTP post请求来获取auth令牌，头部没有被设置，在chrome中我看不到请求头部下的头部。
我还观察到，如果我只添加content-type头，我可以看到请求中发送的头和正文，如果添加authorization头，则不会在请求中发送头或正文，并且我看到对印前检查的响应具有无效的HTTP状态代码headers.set('Authorization', 'Basic aW5mb2FyY2hpdmUuY3VzdG9tOm15c2VjcmV0')
浏览 1提问于2018-03-15得票数 0
我正在将现有的Angular2应用程序升级到Angular4。我有一个删除请求，它将正文作为请求的一部分发送，如下 headers: headers, body: address新的delete函数在HttpClient中没有RequestOptions。
浏览 6提问于2017-10-04得票数 2
回答已采纳
return this.http.post(this.url + '/' + endpoint, body, {headers: {import { HttpClient, HttpParams } from '@<
浏览 2提问于2017-10-19得票数 0
回答已采纳
我使用普通的javascript从php脚本服务器端获取数据，但我想使用angular进行尝试。有什么简单的方法可以用角度来做这个吗？
浏览 5提问于2020-07-22得票数 1
回答已采纳
2回答
我需要使用下面的代码，这是我从互联网上取得的，但我认为它是相当旧的，它说http导入是弃用的，我如何解决这个问题？它在所有http导入中都显示错误，如果我更改为@angular/comon/http，我不知道如何在register方法中更改hhtp头文件和请求。import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptio
浏览 0提问于2018-12-20得票数 0
必须将cookie从节点发送到angular客户端。默认在API域中设置了cookie。如果我在cookies中设置域，它不起作用。 请澄清设置cookie的正确方法是什么？
浏览 31提问于2019-09-25得票数 0
1回答
我应该如何编写PATCH方法，使我能够在数组中添加和删除数组的项？我需要一个补丁方法，将元素添加到菜单内的ItemClass[]数组中，并能够删除它们。API方法如下所示： @Path("/add/{menuId}") @PathParam("menuId") final int menuId,
final Item item)
浏览 1提问于2019-02-14得票数 3
回答已采纳
我已经在angular中创建了一个用户服务，用于在我的数据库中注册用户，但由于某些原因，angular http.post方法不发送任何请求，我还检查了我的网络选项卡，但请求丢失了，以下是我的代码：import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
浏览 34提问于2021-03-20得票数 0
我们的项目正在迁移到Angular4，并使用@angular/common/http Httpclient作为默认的网络工具。但是我发现在delete函数中没有body参数。如何添加主体以删除功能？
浏览 8提问于2017-09-05得票数 61
1回答
在angular中如何在一个put请求中同时传递头部和主体， const httpOptions = { 'Authorization': this.login.token body: {'fiToDelete': id} return this.httpClient.put('https:/
浏览 8提问于2020-06-30得票数 1
回答已采纳
我正在尝试将AngularJS/JS代码重写为Angular/TS，以用于发出http请求并返回函数的自定义方法。然而，我被困在如何做到这一点上。我的JS代码如下所示： return { url: url, body: <
浏览 0提问于2018-05-18得票数 0
我正在迭代一个数组(使用forEach方法)，并在Angular中调用DELETE http方法 array："1"，"2"，"3"； url:删除http://localhost/deleteUser这个错误只发生在我从Angular上做的时候。我试着使用脚本和邮递员，它工作得很好。 但是，当我尝试从邮递员收集runner循环遍历列表时，它工作得很好，没有任何错误。在Angular中，我尝试在每次请求</e
浏览 15提问于2020-09-23得票数 0
我想使用POST方法通过Angular注销，下面是我的代码： const url = 'http://localhost:8181/user/logout';这是this.http.post的错误如果我使用HttpClient修改代码，如下所示：
import { Injectable} from '@a
浏览 0提问于2019-07-02得票数 1
3回答
但我一直得到401个未经授权的请求状态代码。我试图将我的请求从Chrome选项卡复制到Postman，并且我注意到授权头是添加到请求主体，而不是添加到标头中。这是正常的吗？如果我在Postman中手动添加授权头作为标题，请求将按预期工作。
浏览 0提问于2018-03-08得票数 3
回答已采纳
我有一个WebApi，我已经发送了另一个应用程序的请求。一切正常运转。我创建了该表单，并编写了一个方法将其提交给API。User) { 'Content-Type': 'application/json'var body= JSON.stringify(user);
return this.http.post<User>('http://lo
浏览 0提问于2018-10-12得票数 0
回答已采纳
4回答
我想使用角5重新搜索一个帖子，但是它给了我一个错误:下面是代码：import { Injectable } from '@angular/core';import { HttpClient, HttpErrorResponse } from '@angular/common/http})
@Injec
浏览 1提问于2018-02-02得票数 6
回答已采纳
在我的Angular应用程序中，我试图创建一个带有json主体的POST请求，该请求将被发送到我的Spring Restful后端；我已经在Angular中创建了一个服务来处理API Post方法，但是当我尝试发送该请求时url: "http://127.0.0.1:8080/center/search_1/page/0", ok: false, …}Required re
浏览 2提问于2020-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
