Angular4基本網絡請求get、post方式

angular2的網絡請求和4還是有很大區(qū)別的,寫一個項目的話肯定會用到http服務,除非你都是靜態(tài)頁,這只是一個最基本的、深入的拓展即可,希望能夠幫助大家吧,謝謝
首先如果你想用這個服務、那么你需要在app.module.ts中引入如下:

imports: [
    BrowserModule,
    HttpModule,
    RouterModule.forRoot(routes),
    IonicModule.forRoot(MyApp,{
      tabsHideOnSubPages: 'true' //隱藏全部子頁面tabs
    })

  ],

在所需要的面引入http:

 import {Http, ResponseOptions,Headers,HttpModule,URLSearchParams} from "@angular/http";

然后注入:

constructor(private http:Http) {}

不帶參數(shù)的post

this.http.post(randomUserUrl)
   .map(res =>  res.json())
 .subscribe(function (data) {
   alert(JSON.stringify(data));
},err =>{
  console.error('ERROR', err);
});

不帶參數(shù)的get

  this.http.get(randomUserUrl)
  .map(res => res.json()) // (5)
  .subscribe(data => {
    alert(JSON.stringify(data));
  },err =>{
    console.error('ERROR', err);
  });

帶參數(shù)的??注意post與get傳參數(shù)方式不一樣!

帶參數(shù)的post, 注意一定要引入 URLSearchParams,要不請求是失敗的:

    let  d1 = new URLSearchParams();
    d1.append('key',   'value' );
    d1.append('key',   'value' );
    d1.append('key',   ‘value’);
    this.http.post(randomUserUrl,d1)
       .map(res =>  res.json())
      .subscribe(function (data) {
  
         alert(JSON.stringify(data));
    });

帶參數(shù)的get

  let dates ={
    放參數(shù)keyvalue
  };
  this.http.get(randomUserUrl,{params: dataes})
  .map(res => res.json()) // (5)
  .subscribe(data => {
    alert(JSON.stringify(data));
  },err =>{
    console.error('ERROR', err);
  });

今天就介紹到這,謝謝

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,538評論 19 139
  • AFHTTPRequestOperationManager 網絡傳輸協(xié)議UDP、TCP、Http、Socket、X...
    Carden閱讀 5,317評論 0 12
  • #網絡請求中的get post 區(qū)別 一般在瀏覽器中輸入網址訪問資源都是通過GET方式;在FORM提交中,...
    gogoingmonkey閱讀 2,002評論 1 11
  • 大家都知道: get是從服務器上獲取數(shù)據(jù),post是向服務器傳送數(shù)據(jù)。前者把參數(shù)數(shù)據(jù)加在了將參數(shù)直接寫在訪問路徑上...
    Littleredguy閱讀 1,182評論 0 3
  • 還有就是微信各種打卡群多了,有跑步打卡的,讀英語打卡的,早起打卡的,寫作打卡的,分析這些朋友曬成長,打卡的動機,一...
    戒得草堂閱讀 395評論 1 1

友情鏈接更多精彩內容