jsonp 调用 Etsy答案

【问题标题】：jsonp call to Etsyjsonp 调用 Etsy
【发布时间】：2017-10-25 02:27:21
【问题描述】：

我正在尝试通过服务列出 Etsy 配置文件中的产品，使用开发人员页面中为 jsonp 提供的语法： https://www.etsy.com/developers/documentation/getting_started/jsonp

这是我的服务：

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

}

我收到两个错误：

Uncaught ReferenceError: getData is not defined

和

ERROR Response {_body: "JSONP 注入脚本没有调用回调。”，状态：200，确定：真，状态文本：“确定”，标题：标头…}

【问题讨论】：

标签： angular jsonp etsy

【解决方案1】：

我自己找到了解决方案。您需要使用 JSONP_CALLBACK 作为 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);
        }
    )
  }

}

【讨论】：