Ionic 2 AngularJs在環回服務器上獲取請求簡單

我試圖從我的Ionic 2應用程序向運行Loopback API的服務器發出一個簡單的GET請求。 Loopback使用一個很好的界面來顯示GET和POST命令，並給出它的curl命令。現在，對於我想要訪問的數據，curl命令是：curl -X GET --header 'Accept: application/json' 'http://IPADDRESS:3000/api/tests'，其中IPADDRESS是服務器的IP地址。Ionic 2 AngularJs在環回服務器上獲取請求簡單

在我的Ionic 2應用程序中，我試圖讓應用程序在單擊按鈕時發送一個簡單的警報，其中警報文本是從服務器收集的數據。我目前有alert(this.http.get("http://IPADDRESS:3000/api/tests"));，但隨後警報只顯示[object Object]。我知道自從Loopback方面工作以來，有數據可以獲得。這裏是我的全部類型的腳本文件：

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() { 

    } 

}

我是新來的離子和AngularJS，所以任何和所有幫助將不勝感激。

來源

2017-05-03 Python Noob

不知道這是否是你想要的，但也許嘗試：

this.http.get("http://IPADDRESS:3000/api/tests") 
    .map(res => res.json()) 
    .subscribe(data => { 
     console.log(data) 
    });

注意，你必須import 'rxjs/add/operator/map'使用.map操作

來源

2017-05-03 18:30:14 flowest

，似乎有幫助，但現在我得到' [對象對象]，[對象對象]，[對象對象]'，這讓我覺得這是我如何獲取數據的問題，或者是我不明白的回送中的問題。 –

你期望得到什麼？你通常可以在chrome consle上觀看對象屬性。否則請嘗試'console.log（JSON.stringify（data））'從服務器響應數據中獲得更多信息 – flowest

該數據存儲在MySql數據庫中，我現在用虛擬數據填充： [{name：'Hooply Lop'，年齡：45，id：1}， {name：'Granny Smith'，age：99，id：2}， {name：'Ford Prefect'，age：67，id：3}] 我希望能回到 –

Ionic 2 AngularJs在環回服務器上獲取請求簡單

回答

相關問題