Angular

Angular HTTP请求使用方法

联系站长 作者:web知道 来源:未知 2020-03-03 15:40 我要评论

Angular HTTP请求使用方法...

一、打开app.module.ts文件,然后导入HttpClientModule模块,然后配置到providers里
     例:
          import { HttpClientModule } from '@angular/common/http'
          @NgModule({
              import:[
                 HttpClientModule
              ]
          })
          export class AppModule

二、在要使用HTTP请求的页面导入HttpClient类
    例:
         import { HttpClient } from '@angular/common/http'

         export class AppCompoent {
              https:Object = {}  //如果在外面请求,把http类赋值
             constructor(provate http:HttpClient){
                  this.https = this.http
                  console.log(this.http)
             }
         }


Get请求
      Promise方法
       this.https.get('URL').toPromise()
       .then(
            (res)=>console.log(res),
            (err)=>console.log(err)
        )

      subscribe方法
       this.https.get('URL')
       .subscribe(
            (res)=>console.log(res),
            (err)=>console.log(err)
        )


Post请求
       发送josn数据
       this.https.post('URL',{name:某某}).toPromise()
       .then(
            (res)=>console.log(res),
            (err)=>console.log(err)
        )

       发送formData数据
       const postFormData = {headers:new HttpHeaders({content-Type:'application/x-www-form-urlencoded'})};
       this.https.post('URL',{name:某某},postFormData ).toPromise()
       .then(
            (res)=>console.log(res),
            (err)=>console.log(err)
        )



本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
精彩导读