分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

[Angular] Send Data via HTTP using Angular HttpParams

发布时间:2023-09-06 01:42责任编辑:傅花花关键词:Angular

Obviously in a real world application we do not only fetch data from the backend, but we also send data to be stored permanently on the server side. The HttpClient gives us different options for achieving this. In this lesson we will look at how to attach parameters to our request URL, by manually concatenating the URL by ourselves, by using the HttpParams object and also how we can send entire objects in a POSTrequest body.

import { Injectable } from ‘@angular/core‘;import { Observable } from ‘rxjs/Observable‘;import { HttpClient, HttpErrorResponse, HttpParams } from ‘@angular/common/http‘;export interface Person { ?name: string;}@Injectable()export class PeopleService { ?constructor(private http: HttpClient) {} ?fetchPeople(): Observable<Person> { ??// The same as /api/v1/people?id=2&includeName=false ????const params = new HttpParams() ??????.set(‘id‘, ‘2‘) ??????.set(‘includeName‘, ‘false‘); ????return this.http ??????.get<Person>(‘/api/v1/people‘, { ????????params ?????}); ?}}

[Angular] Send Data via HTTP using Angular HttpParams

原文地址:https://www.cnblogs.com/Answer1215/p/8448837.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved