JSONP request error Angular 2

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-23 04:07:56

问题


I am making a jsonp request in angular 2. I get a response when I click on the link of the error message, however I am unable to output this response to the browser, I get the error:

Uncaught Response with status: 200 Ok for 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();
               })

    }


}

回答1:


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();
               })

    }


}


来源:https://stackoverflow.com/questions/38401935/jsonp-request-error-angular-2

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!