如何在離子2中創建http GET/POST請求？

Question

如何在ionic2中使用http GET/POST請求 以及需要導入哪些數據？
我試過HTTP GET request in JavaScript?，但它不適合我。

Answer 1

GET例

this.posts = null; 

this.http.get('https://www.reddit.com/r/gifs/top/.json?limit=2&sort=hot').map(res => res.json()).subscribe(data => { 
    this.posts = data.data.children; 
}); 

console.log(this.posts); 

https://www.joshmorony.com/using-http-to-fetch-remote-data-from-a-server-in-ionic-2/

POST例

let headers = new Headers(); 
headers.append('Content-Type', 'application/json'); 

let body = { 
    message:"do you hear me?" 
}; 

this.http.post('http://spstest.000webhostap..., JSON.stringify(body), {headers: headers}) 
.map(res => res.json()) 
.subscribe(data => { 
    console.log(data); 
    }); 
} 

https://www.joshmorony.com/how-to-send-data-with-post-requests-in-ionic-2/

祝你好運。

Answer 2

對於首先創建要求，我們需要使用此命令添加提供商： -

$ ionic g provider restService 

這裏restService是TS文件名中，我們寫如下的代碼製作要求

load() { 

    console.log(' RestServiceProvider Load Method fro listing'); 
    let postParams = { param1 : '', param2: '' } 
    if (this.data) { 
     return Promise.resolve(this.data); 
    } 

    // don't have the data yet 
    return new Promise(resolve => { 
     this.http.post("YOUR URL", postParams) 
     .map(res => res.json()) 
     .subscribe(data => { 
      this.data = data; 
      resolve(this.data); 
     }); 
    }); 
    } 

在上面的代碼中，load（）是restService類的方法，這個方法有助於提出請求。這個方法在你的其他類中被調用。

this.restSrvProvider.load().then(data => { 
     let mydata = data; 
     }); 

欲瞭解更多的知識，你可以去通過ionic blog的