angualr post 数据请求

数据请求 post

新建一个服务 

　1.　ng g service services /+服务名

 eg：ng g service services/player

• 在此服务中进行设置

1. 引入自带组件以及注册   
   import {HttpClient,HttpHeaders} from '@angular/common/http'
2. 在export class PlayerService中写入 
   httpOptions = {headers: new HttpHeaders({'content-Type':"application/json"})}
3. 在constructor中进行声明
    constructor(private http:HttpClient) { }
4. 使用传来的url值以及其他的数据（后台给定的值）
5. 请求实例

• 一个参数的实例

　　　　userCodeUrl:string = "xxx"; 

  　　　getUserCode(mobile: string):Observable{

    　　　　　return this.http.post(this.userCodeUrl, {mobile}, this.httpOptions)

  　　　　}

 

• 有多个参数的实例

　　　　userCodeUrl:string = "xxx"; 

　　　　　　getUserCode(mobile: string, captcha: number) : Observable{

　　　　　　　　　return this.http.post(this.userCodeUrl, {mobile}, this.httpOptions)

　　　　　}

• 没有参数的实例

　　　　　userCodeUrl:string = "xxx"; 

  　　　　  getUserCode():Observable{

    　　　　　　　return this.http.post(this.userCodeUrl, {}, this.httpOptions)

  　　　　　}

 

　　在对应的文件ts中写入　　　

　　　　import { PlayerService} from '../../player.service';

 　　　constructor(private playerService: PlayerService) {}

 

　　数据进行请求

　　　　this.playerService.getPhoneUrl(this.mobile, this.codeNumber).subscribe(

       　　　　 res =>{

          　　　　console.log(res)

          　　　　if (parseInt(res.code) === 200) {

            　　　 　　this.phonePup = false

          　　　  　　 this.tokenUtil.setToken(res.data.token)    这里是给token重新设置值，在上面有讲解token的更新问题

           　　 　 　　this.initData()

                 　　}

            　　}

     　　 )

parseInt(res.code) === 200) 这里获取的res.code就是获取到的返回码，判断返回码是否等于200，是就会执行下列的代码

注释：post发送数据返回码在浏览器的network下查看数据

 

eg2:没有参数传递的情况下

　　getgift(){

    　　 this.playerService.getGetGiftList().subscribe(

     　　 res =>{

        　　console.log(res)

     　　 }

    　　)

  　}