ionic2 網絡請求

 

 

一.  生成data-service.ts文件

   ionic g provider dataService

二.  get請求

1. 第一種

1.1在data-service.ts請求數據

getData(){
    return this.http.get('url').map(res => res.json());
  }

1.2 在page.ts調用請求到的數據

1.2.1先導入頭文件

import { DataService } from '../../providers/data-service';

1.2.2再調用

public dataService: DataService

this.dataService.getData().subscribe(res => {
      console.log(res);
    })

2. 第二種

2.1在data-service.ts請求數據

getData(){
    return new Promise((resolve,reject)=>{
      this.http.get("url")
        .map(res=>res.json())
        .subscribe(d=>{
          console.log(d);
          //console.log(devices);
          resolve(d);
        },err=>{
          //reject(err)
        })
    })
  }

2.2 在page.ts調用請求到的數據

2.2.1先導入頭文件

import { DataService } from '../../providers/data-service';

2.2.2再調用

public dataService: DataService

this.dataService.getData().then((d:any)=>{
      console.log(d)
    })

 三. post請求 （引用調用同上面get請求同樣，這裏只說data-service.ts請求數據）

1.採用第二種方式請求

addData(){
    let data = {
      "name": 'user',
      "passd": '123456,  
    };
    return new Promise((resolve, reject) => {
      this.http.post("url", data)
        .map(res => res.json())
        .subscribe(data => {
          //console.log(data)
          resolve(data);
        }, err => {
          console.log(err)
          //reject(err)
        })
    })
  }