离子2 AngularJs在回送服务器上的简单get请求
离子2 AngularJs在回送服务器上的简单get请求
提问于 2017-05-03 17:17:55
我试图从我的Ionic 2应用程序向运行Loopback API的服务器发出一个简单的Loopback API请求。环回使用一个很好的接口来显示GET和POST命令，并给出它的curl命令。现在，对于我想要访问的数据，curl命令是：curl -X GET --header 'Accept: application/json' 'http://IPADDRESS:3000/api/tests'，其中IPADDRESS是服务器的IP地址。
在我的Ionic 2应用程序中，我试图让应用程序在单击按钮时发送一个简单的警告，其中警报文本是从服务器收集的数据。我现在有alert(this.http.get("http://IPADDRESS:3000/api/tests"));，但是警报只显示[object Object]。我知道它有数据可获取，因为回收站方面的工作。下面是我的整个脚本文件：
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Http } from '@angular/http';
/**
* Generated class for the SignupPage page.
*
* See http://ionicframework.com/docs/components/#navigation for more info
* on Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-signup-page',
templateUrl: 'signup-page.html',
})
export class SignupPage {
constructor(public navCtrl: NavController, public navParams: NavParams, public http: Http) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad SignupPage');
}
existingUser() {
alert(this.http.get("http://IPADDRESS:3000/api/tests"));
}
joinNow() {
}
}我是Ionic和AngularJS的新手，所以任何的帮助都会很感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-05-03 18:30:14
不知道这是不是你想要的，但不妨试试：
this.http.get("http://IPADDRESS:3000/api/tests")
.map(res => res.json())
.subscribe(data => {
console.log(data)
});请注意，您必须使用import 'rxjs/add/operator/map'来使用.map运算符。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43766331
复制相关文章
相似问题
腾讯云开发者
