Angular学习笔记(二十五)http通讯和webSocket通讯

本文详细介绍了在Angular中如何进行HTTP通讯,包括发送请求、处理响应和携带头部信息的示例。此外,还探讨了WebSocket协议与HTTP协议的区别,并展示了在Angular中建立WebSocket连接,实现双向实时通讯的方法及步骤。
摘要由CSDN通过智能技术生成

http通讯

  • 发送http请求 参考api文档
  • 处理http响应
  • 携带请求头部信息

需要注意的是:
get(url: string, options?: RequestOptionsArgs): Observable<Response>
发送http请求返回的是个可观察者流,需要对其进行订阅获取相应消息。

写一个用get方法请求的demo:

stock.component.ts

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
import "rxjs/Rx";
import { Observable } from 'rxjs';

@Component({
  selector: 'app-stock',
  templateUrl: './stock.component.html',
  styleUrls: ['./stock.component.css']
})
export class StockComponent implements OnInit {
   

  dataSource:Observable<any>;
  stocks = [];

  constructor(public http:Http) { 
  this.dataSource = this.http.get('/api/stock').map(response => response.json())
  //发送http请求
  }

  ngOnInit() {
   this.dataSource.subscribe(
     data => this.stocks = data
  )
  //订阅流,并将数据赋值给stocks
  }

}

stock.component.html

<div>
股票信息:   
</div>
<ul>
    <li *ngFor=
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值