离子：从 http 调用中获取数据

Question

I am new to ionic so please be patient if its pretty basic question.

i am using Advance http plugin for API calls as below

Installation :

ionic cordova plugin add cordova-plugin-advanced-http
npm install @ionic-native/http

Imports in app.module.ts and work file tab1.page.ts

import {HTTP} from '@ionic-native/http/ngx';

Included provider in app.moudle.ts

 providers: [BarcodeScanner,  HTTP,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],

Html page

  <ion-button size="large" expand="block" (click)="tcketDetails()"> Data</ion-button>

TS file

import { Component } from '@angular/core';
import {BarcodeScanner,BarcodeScannerOptions} from '@ionic-native/barcode-scanner/ngx';
import {AlertController} from '@ionic/angular';
import {TicketDetailsService} from '../ticket/ticket-details.service';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
  scannedData: any;
  qrcode_esult: any;
  picture: string;
  constructor(public alertController: AlertController,  private barcodeScanner: BarcodeScanner,private ticekt_details: TicketDetailsService) {}
  tcketDetails(){
    alert(this.ticekt_details.get_ticket_details());
  }
 }

Below is my ticket-details.service file that gets data and returns it:

import { Injectable } from '@angular/core';
import { HTTP } from '@ionic-native/http/ngx';

@Injectable({
  providedIn: 'root'
})
export class TicketDetailsService {
  private server_path = 'https://websitelink.net/dev/tickets/ticekt_details/1';
  constructor(private http: HTTP) { }

  async get_ticket_details(){
    let postedvalues = {
      'key':'value'
    };
    const optionsValue = {
      'Content-Type': 'application/json',
      'X-API-KEY': ''
    };

    var url=this.server_path;
    return this.http.post(url, postedvalues, optionsValue).then(data => {
      var response=JSON.parse(data.data);
      return response;
    }).catch(error => {
      return error;
    });
  }
}

This returns me [object Promise] in alert

if I hit the link in browser I get below

{"data":{"status":0,"message":"some message"}}

Can someone help me what do i have to fix here to get the message text instead

Answer 1

Did you try with "return await" in your getDetails function?