离子2 http post服务不起作用

时间:2017-10-20 14:24:15

标签: angularjs ionic-framework ionic2

嘿,我是离子2 http请求的新手,并且在http post服务面临问题,以下是我的代码,请你看看并帮助我找到问题。

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 {

  data:any;
  name:any;
  error:any;

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


  }
postit(){
   var headers=new Headers();
    headers.append('Content-Type', 'application/json');

    var data = JSON.stringify({
      username: "username",
      password: "password"

    });


   this.http.post('url',JSON.stringify(data),{headers:headers})
   .subscribe(res=>{
     this.data=res.json();
     this.name=this.data.userId;
     console.log(res.json());
   },
    (err)=>{
      this.error=err;
      console.log("some error:",err);
    });
 }


}

url是登录页面,需要凭据。这段代码特别是json数据对象。 请帮助我,我已经浪费了4天这个问题。 谢谢。

1 个答案:

答案 0 :(得分:1)

您正在调用JSON.stringify两次 - 一次是在创建数据时,一次是在发送POST时。删除第二个,只留下数据'。