我正在使用Ionic 2 Beta11。我正在尝试向外部API发送请求,该请求将返回JSON响应。我已经解决了CORS问题,并且正在与API通信,但是无法发送所需的正文信息。我尝试通过以下方式格式化body变量,但每种方法均未成功:
作为对象: {email: this.email, password: this.password}
作为字符串化的对象: JSON.stringify({email: this.email, password: this.password})
作为字符串: 'email=' + this.email + '&password=' + this.password
这是我的代码:
import {Component} from '@angular/core';
import {NavController, MenuController} from 'ionic-angular';
import {Http, Headers, RequestOptions} from '@angular/http';
import 'rxjs/Rx';
@Component({
templateUrl: 'build/pages/login/login.html'
})
export class LoginPage {
nav: NavController;
username: string;
password: string;
constructor(nav: NavController, private http: Http) {
this.nav = nav;
}
doLogin() {
let body = JSON.stringify({
email: this.username,
password: this.password });
let headers = new Headers({
'NDAPI-Key': 'XXXXXXXXXX',
'NDAPI-Host': 'XXXXXXXXXXX' });
let options = new RequestOptions({ headers: headers });
this.http
.post('/api', body, options)
.map(res => res.json())
.subscribe(
data => {
console.log(data);
},
err => {
console.log("ERROR!: ", err);
}
);
}
}
我刚刚发现了解决我问题的方法。我试图向服务器发送一些X类型的数据,同时告诉服务器我正在发送Y类型的数据。对于我发送的数据类型,我仍然有些困惑,但是我已经能够解决我的问题了。通过使用以下代码来解决问题:
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Http, Headers, RequestOptions} from '@angular/http';
import 'rxjs/Rx';
@Component({
templateUrl: 'build/pages/login/login.html'
})
export class LoginPage {
nav: NavController;
username: string;
password: string;
constructor(nav: NavController, private http: Http) {
this.nav = nav;
}
doLogin() {
let body = new FormData();
body.append('email', this.username);
body.append('password', this.password);
let headers = new Headers({
'NDAPI-Key': 'XXXXXXXXX',
'NDAPI-Host': 'XXXXXXXXX' });
let options = new RequestOptions({ headers: headers });
this.http
.post('/api', body, options)
.map(res => res.json())
.subscribe(
data => {
console.log(data);
},
err => {
console.log("ERROR!: ", err);
}
);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句