首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我不能在angular中保存get请求?

在Angular中,GET请求是一种用于从服务器获取数据的HTTP请求方法。通常情况下,GET请求不会对服务器端的数据进行修改,因此不需要保存GET请求的结果。

GET请求的主要特点是将请求参数附加在URL的查询字符串中,发送给服务器。服务器根据这些参数来返回相应的数据。由于GET请求是无状态的,每次发送GET请求时,都会重新获取最新的数据。

在Angular中,可以通过使用HttpClient模块来发送GET请求,并处理返回的数据。下面是一个简单的示例代码:

代码语言:txt
复制
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  data: any;

  constructor(private http: HttpClient) { }

  ngOnInit(): void {
    this.http.get('https://api.example.com/data').subscribe(response => {
      this.data = response;
    });
  }
}

在上述代码中,通过HttpClient的get方法发送GET请求,并通过subscribe方法订阅返回的数据。一旦数据返回,就可以将其保存在组件的属性中(例如data),以供后续使用。

需要注意的是,由于GET请求是无状态的,每次发送GET请求时都会重新获取数据。如果需要在Angular中保存GET请求的结果,可以考虑将数据保存在服务中,以供其他组件共享使用。可以创建一个数据服务,使用RxJS的Subject或BehaviorSubject来保存数据,并在需要的组件中订阅该数据服务。

总结起来,不能在Angular中直接保存GET请求的原因是GET请求是无状态的,每次发送GET请求时都会重新获取数据。如果需要保存GET请求的结果,可以考虑将数据保存在服务中,以供其他组件共享使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

关于 java 的 set,get方法,而为什么推荐直接使用public

不知道有没有人遇到过,有一段时间,都觉得那些 set,get的用处何在,直接写一个public直接拿不就行了,多爽,但是随着使用的频繁,越来越想去搜索一下这个问题,而不是按照官方的推荐,前辈们的使用都是建议...即使你希望客户端程序员不要直接操作你的类的某些成员,但是如果没有任何访问控制,将无法阻止此事发生。所有的东西都将赤裸裸的暴露在世人面前。...举一个简单的例子,这边有处理苹果的逻辑,即get,set,但是至于怎么操作,这是这边的工作,不想让你知道,是怎么摘的,怎么吃得。所以只有自己本身才能调用,这也就是private修饰的作用。...综上所述,写到这里,诞生了一个想法,其实set ,get ,public,对于它们使用完全取决于我们程序员自己,为了让项目之间的逻辑更加清晰,有些标准自上而下,慢慢的传了下来,无论你使用那种,但是有一个东西是无法避免的...补充说明,set字面意思设置,get获取,我们了解一下java面向对象编程的封闭性与安全性,private 修饰的set get方法将方法封闭在了一个特定类,其他类就无法对其变量进行方法,这样就提高了数据的安全性

1.4K20

JSON Web Token(JWT)教程:一个基于Laravel和AngularJS的例子

在每个后续请求,由于用户数据存储在服务器上,服务器需要找到该会话并对其进行反序列化。 基于服务器的认证的缺点 难以扩展:服务器需要为用户创建一个会话并将其保存在服务器上的某个位置。...这可以在内存或数据库完成。如果我们有一个分布式系统,我们必须确保我们使用一个耦合到应用服务器的单独的会话存储。...为了简洁起见,将把所有的代码放在route.php文件,该文件负责Laravel路由和委托请求给控制器。...创建一个POST请求时,我们将尝试创建一个新用户并将其保存到数据库。...认证服务 Auth服务负责登录并向后端注册HTTP请求。如果请求成功,则响应包含签名token,然后将其解码,并将附带的token声明(claims )信息保存到tokenClaims变量

30.5K10

前端工程师:电信专业转前端是如何拿到阿里、腾讯offer的?

4、9.5 hr面 1、自我介绍 2、为什么做前端 3、讲讲大学经历 4、有没有男朋友 5、有什么想问的 多益网络 9.04 一面: 1、介绍下你的一个项目 2、get与post的区别 3、跨域 4、加班怎么看...7、讲讲ajax跨域怎么做,get和post? 8、为什么存在跨域这个问题?为什么要有同源策略?同源策略是什么?如果没有会有什么问题?...同源策略是为了避免向第三方网站发送 post 请求、向第三方网站请求可能会造成信息泄露 CSRF 是为了防止非自己网站的请求向服务器请求数据 9、用过哪些预处理器,scss?...null 13、new关键字和new有什么区别? 14、谈谈this指针的指向问题? 15、响应式布局知道吗? 16、你还有什么想问的吗? 17、给他看了一个项目,做的过程中有遇到什么问题吗?...9.21 二面 自我介绍 为什么做前端? 你不觉得angular2用起来太重了吗? 和vue的对比? 性能优化? 前端迭代更新那么快?你跟得上吗? 聊项目、数据库表怎么设计? 玩游戏吗? 玩过什么?

1.4K60

关于请求被挂起页面加载缓慢问题的追查

Angular Angular首当其冲。为什么,因为这个问题出现在后台MIS系统,且这些系统多用Angular开发。 Angular :怪我咯。...因为问题多出现在基于Angular的MIS系统,并且Angular的性能一直是被诟病的,所以听到不少的声音将矛头指向Angular。这似乎没什么好庇护的。...虽然是偶发,为了尽可能保存现场,还是想要手动将它刷出来。天不灭,经过良久尝试,该问题被复现。于是各种截图,保存请求数据。...这是请求成功返回后: ? 可以看到Stalled了1分多钟。神奇的是竟然不报超时错误而是成功返回了。 同时保存请求头,响应头,还将本次问题请求保存成了CURL等。...估计文档的撰写人员没想到谁会这么蛋疼想要看这些生涩的东西,除了开发者。既然你都是开发者了,那为什么不去看Chromium的源码。 好吧,唯一的途径似乎只能从源码寻找了。

4K20

现代web开发方法

前言 最近,读了一些外文,觉得这篇现代web开发方法的文章还可以,就翻译了一下,尽最大的努力,蹩脚的英文很是费尽,其中有的夹杂了一些自己粗浅的理解,如果有误导,请多多包涵,还请路过的老师多提意见和指正...只有这样才能在页面呈现之前将其发送给客户端 ?...单个页面应用程序向服务器发送一个HTML文件框架的请求,以及样式和脚本 与此同时,以Ajax请求的形式向服务器发出后续请求。...,彼此之间各自独立,减少依赖) 演示文稿(view) - 由包含模板标签的HTML模板进行控制,以执行诸如迭代数据集之类的任务(负责将那些用于把模型中所保存的数据显示在屏幕上的代码组合在一起,本质上就是对各...,达到在刷新整个页面的情况下,在用户执行某些DOM事件(比如点击,滚动)等时,页面的局部刷新呈递新数据的展现,至于更深的体会,还是要多撸代码,概念的东西说多了都是故事,虚无缥缈的,代码就是对概念理论最好的解释

2.2K10

React 困境与未来,何时迎来自己的“Angular.js 时刻”?

React 对其进行了增强,能够自动请求重复数据删除。为什么一定要这样调整?...请注意,这本是 Next.js 的默认操作,但在引入服务端组件之后成了可选功能。 CSS-in-JS 跟服务端组件也兼容。...那既然用不上,我们为什么还要认真讨论? 构建 React 应用的标准方法 想强调的第一点,就是 React 正阻止人们使用单页应用架构。...也许有点阴谋论的倾向,但除此之外真的无法理解为什么要如此明目张胆地破坏 React 生态系统。...也希望看到 Next.js 能在自己的官方文档淡化对服务端组件的强调,或者至少要明确标注其尚属于“Alpha”功能。 当然,也许事实证明是错的,服务端组件才是未来。

22510

【Hybrid开发高级系列】AngularJS(二)——常用$服务

$http请求的配置对象 $http请求的配置对象         $http()接受的配置对象可以包含以下属性:     method: http请求方式,可以为GET, DELETE, HEAD...: 保存XSFR令牌的cookie名称     transformRequest: 函数或者函数数组,用来对http请求请求体和头信息进行转换,并返回转换后的结果。     ...cache: 布尔类型或者缓存对象,设置之后angular会缓存get请求。     timeout: 数值,延迟请求     responseType:字符串,响应类型。...: 头信息     config: 生成原始请求的设置对象     statusText: http响应状态的文本 1.4.4 拦截器         angular通过拦截器我们可以从全局层面对请求以及响应进行拦截...angule jsng-view中使用了ng-include,如何实现ng-include的这个页面刷新,外部的ng-view刷新 http://www.oschina.net/question/2356458

37240

【订阅与发布机制版】spring boot高性能实现二维码扫码登录(下)

如果二维码没有被扫,并且30秒等待结束,则前端页面再次请求服务器。 2.线程等待机制 使用CountDownLatch来控制线程的等待和唤醒。...这里是为了演示方便才使用redis,时间项目中很少用redis做消息队列。 使用单例模式存储一个Map对象,用于保存登录状态。当在30秒内请求不到被扫的结果,则阻塞线程。...(LOGIN_KEY + loginId); // 长时间扫码,二维码失效。...前端则需再次发起请求: ? 如果长时间扫(5分钟),则刷新二维码。 整个流程的运行效果如下图所示: ? 总结   使用Redis作为消息队列的目的是,发送和接受消息订阅。...当然,如果是正式项目您最好使用性能高的消息队列中间件,这里使用Redis是为了演示方便而已。 那么为什么要使用消息队列的订阅和广播呢?

71410

Angular2学习笔记

虽然这套框架个人觉得可能的确比较适合做移动端Web的开发,但是由于网站开发的经验明显不足,加上这套技术还不是相当的成熟,在学习的过程走了很多的弯路。...); 选择一个合适的IDE,选择的是WebStorm; 这样基本上就算是搭好了Angular2简单的开发环境。...包括属性绑定、事件绑定、插值绑定以及双向绑定,主要用于组件内的变量在页面的显示以及页面等。 服务。这包括两方面,一个是访问RESTFUL的服务,另一个是用来保存本地变量的。...那么为什么他会有这么大呢?这是由于Angular2默认使用的是JIT(Just-in-Time - JIT)编译。...但是他也有很多的缺点,Angular2文档列举了下面几点: 渲染得更快; 需要的异步请求更少; 需要下载的Angular框架体积更小; 提早检测模板错误; 更安全; 于是,Angular2又提出了一个新的编译方法叫

2K10

AngularngCookies模块介绍

1.Cookie介绍 Cookie总是保存在客户端,按在客户端的存储位置,可分为内存Cookie和硬盘Cookie。...内存Cookie由浏览器维护,保存在内存,浏览器关闭后就消失了,其存在时间是短暂的。...说明:目前也有部门实现是,每次点击购买,都直接发请求到后台,后台存储要购买的数据,然后再点击支付之前,从后台获取用户要购买的尚品数据,不使用Cookie也可以完成。 用户登录,记住密码。...Angular为了用户方便和简洁的操作Cookie,提供了ngCookies模块。这个模块下面提供2种服务,分别是: $cookieStore服务 $cookies服务 ?...3.Angular的$cookies服务 $cookies类似jQuery.cookie.js,提供了Angular操作Cookie的方法,普通情况下,JavaScript是不同向Cookie写入对象的

2.4K80

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券