2017-10-16 65 views
-1

嘿我试图做一个离子邮政http服务,但我有很多问题。请有人给我一个离子后http服务与json的基本示例。离子http邮政服务不起作用

以下是我的home.ts代码请检查它。

import { Component } from '@angular/core' 
    import { NavController } from 'ionic-angular'; 
    import { Http, Headers, RequestOptions } from '@angular/http'; 
    import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    constructor(public navCtrl: NavController, public http:Http) { 

    } 
getit(){ 
    console.log("kfdsf"); 
    let headers = new Headers(); 
    headers.append('content-type', 'application/json'); 

    let options= new RequestOptions({headers: headers}); 



    var data = { 
     "login":{ 
      username: "[email protected]", 
      password: "Passwor23" 
     } 
    } 

    this.http.post('url',JSON.stringify(data),options).map(res=>res.json()).subscribe(data=>{ 
     console.log(data) 
    }, err=>{ 
     console.log("Error!:", err.json()); 
    }); 
} 


} 
+0

这是非常相似https://stackoverflow.com/questions/46766284/how-to-make-a-post-and-get-works- in-a-mvc-project/46766561#46766561 –

+0

你应该分享你试过的东西,这样我们可以指导你。 –

回答

0

你可以试试这个方法

login(credentials) { 
    return new Promise((resolve, reject) => { 
     let headers = new Headers(); 
     headers.append('Content-Type', 'application/json'); 

     this.http.post(apiUrl+'login', JSON.stringify(credentials), {headers: headers, withCredentials: true}) 
      .subscribe(res => { 
      resolve(res.json()); 
      }, (err) => { 
      reject(err); 
      }); 
    }); 
    }