2016-07-15 24 views
1

Ich mache eine JSONP Anfrage in Winkel 2. Ich bekomme eine Antwort, wenn ich auf den Link der Fehlermeldung, aber ich kann diese Antwort an den Browser nicht ausgeben, bekomme ich den Fehler:JSONP Anfrage Fehler Angular 2

Uncaught Antwort mit dem Status: 200 Ok für URL: https://www.statbureau.org/calculate-inflation-price-jsonp?jsoncallback&country=united-states&amount=102&start=1968%2F1%2F1&end=2016%2F1%2F1

import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import {Jsonp, URLSearchParams } from '@angular/http'; 
import {JSONP_PROVIDERS} from '@angular/http'; 
@Component({ 
    templateUrl: 'build/pages/home/home.html', 
    providers: [JSONP_PROVIDERS] 
}) 
export class HomePage { 

    value: any; 
    constructor(private jsonp: Jsonp) { 
    this.jsonp=jsonp; 
     let cpiUrl = "https://www.statbureau.org/calculate-inflation-price-jsonp?jsoncallback" 
     let params = new URLSearchParams(); 
     params.set('country', 'united-states'); 
     params.set('amount', '102'); 
     params.set('start', '1968/1/1'); 
     params.set('end', '2016/1/1'); 
     params.set('format', 'true'); 
     // TODO: Add error handling 
     this.jsonp 
       .request(cpiUrl, { method: 'Get', search: params }).subscribe(res => { this.value = res.json(); 
       }) 

    } 


} 

Antwort

0
import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import {URLSearchParams } from '@angular/http'; 
import {Http, HTTP_PROVIDERS} from '@angular/http'; 
@Component({ 
    templateUrl: 'build/pages/home/home.html', 
    providers: [HTTP_PROVIDERS] 
}) 
export class HomePage { 

    value: any; 
    constructor(private http: Http) { 
    this.http=http; 
     let cpiUrl = "https://www.statbureau.org/calculate-inflation-price-json?" 
     let params = new URLSearchParams(); 
     params.set('country', 'united-states'); 
     params.set('amount', '102'); 
     params.set('start', '1968/1/1'); 
     params.set('end', '2016/1/1'); 
     params.set('format', 'true'); 
     // TODO: Add error handling 
     http.get(cpiUrl, {search: params }).subscribe(res => { this.value = res.text(); 
       }) 

    } 


} 
+0

ich hatte es als eine hTTP-Anforderung zu tun – RSB