首页 \ 问答 \ Angular 6 http请求处理(Angular 6 http request handling)

Angular 6 http请求处理(Angular 6 http request handling)

我正在使用Angular 6构建一个Web应用程序。我有一个服务,它有一个方法,当它被调用并给出正确的参数时,向服务器发送POST请求并返回数据。 这是方法:

  public getDataFromServer(request, url): any {
      return this.httpClient.post(url, request, {headers: new HttpHeaders().set(this.headername, this.header ) });
  }

现在我有多个使用此方法的组件。 菜单中的每个页面( 家庭,关于,新闻等)都使用这个。 我想创建一个请求处理程序,它将发送第一个请求(假设我登录),然后等待,直到我收到响应,然后再发送另一个请求。 如果我点击页面新闻 ,然后在页面上点击,我会得到回复,我已经在网页上并在我得到回应后,下一个请求将成为页面新闻上的一个,但我已经在网页上。 如果我在网页上,我不希望要求新闻被执行。

我看到一些使用http拦截器的帖子,但我不希望请求甚至会被发送到http。 请求不得发送。 提前谢谢你的帮助。


I'm building a web app using Angular 6. I have a service that has a method which when called and given right parameters, sends a POST request to the server and returns the data. This is the method:

  public getDataFromServer(request, url): any {
      return this.httpClient.post(url, request, {headers: new HttpHeaders().set(this.headername, this.header ) });
  }

Now I have multiple components which uses this method. Every page in the menu (home, about, news, etc..) uses this. I want to make a request handler that would send the first request (let's say I login) and then wait until I get a response before sending another request. If I were to click on page news and then on page about before I would get response, I would already be on page about and after I get response the next request will be the one on page news, but I'm already on page about. I don't want request on news to be executed if I'm on page about.

I saw some posts with http interceptor, but I don't want the request to even be made to http. Request must not be sent. Thank you for your help in advance.


原文:https://stackoverflow.com/questions/50945066
更新时间:2022-04-12 11:04

最满意答案

看看我提出的关于将ListView绑定连接起来并适用于所有CRUD操作的演示。

http://www.flaskofespresso.com/2012/01/windows-8-metro-app-listview-binding-and-editing/


Check out this demo that I put up regarding getting ListView binding hooked up and working for all CRUD operations.

http://www.flaskofespresso.com/2012/01/windows-8-metro-app-listview-binding-and-editing/

相关问答

更多

相关文章

更多

最新问答

更多
  • 您如何使用git diff文件,并将其应用于同一存储库的副本的本地分支?(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收?(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get()从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序:页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结?(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow:基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误:RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C#类名中允许哪些字符?(What characters are allowed in C# class name?)
  • NumPy:将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全?(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet?(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href,而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用:悬停在悬停时:在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)