Angular 对Etsy的jsonp调用

我试图使用jsonp的开发者页面中提供的语法，通过服务列出Etsy概要文件中的产品：

这是我的服务：

import { Injectable } from '@angular/core';
import { Jsonp } from '@angular/http';
import "rxjs/add/operator/first";

@Injectable()
export class EtsyService {

  constructor(
    private jsonp: Jsonp
  ) { }

  listProducts(){
    this.jsonp.get("https://openapi.etsy.com/v2/listings/513882265.js?callback=getData&api_key=YOURAPIKEY")
      .first()
      .subscribe(
        (data) => {
          console.log(data);
        });
  }

}

我有两个错误：

未捕获引用错误：未定义getData

及

错误响应{u body:“注入JSONP的脚本未调用 callback.”，状态：200，ok:true，状态文本：“ok”，标题： 标题…}

---

我自己找到了解决办法。您需要使用JSONP_回调作为url语法中的默认回调。 这将是服务的正确代码：

import { Injectable } from '@angular/core';
import { Jsonp } from '@angular/http';
import "rxjs/add/operator/map";

@Injectable()
export class EtsyService {

  constructor(
    private jsonp: Jsonp
  ) { }

  listProducts(){
    this.jsonp.request("https://openapi.etsy.com/v2/listings/513882265.js?callback=JSONP_CALLBACK&api_key=YOURAPIKEY", { method: 'Get' })
      .map((data: any) => data.json())
      .subscribe(
        (data: any) => {
            console.log(data);
        }
    )
  }

}