代码之家 › 专栏 › 技术社区 › javapedia.net

在Angular中,如何解析和提取具有复杂结构(JSON)的HTTP响应?

typescript angular node.js

javapedia.net · 技术社区 · 6 年前

我是刚来的,需要你的帮助。我有一个Angular服务,它具有如下所示的API调用函数。

    searcheBay() {
        console.log("calling ebay service");
        return this.httpClient.get (this.ebayURL);
      }

我从组件调用这个函数,如下所示。

    this.searchService.searcheBay().subscribe((data) => {
          this.svcdata  =  data

      });

数据变量具有复杂的JSON结构(见下图)。

JSON structure

我要读取的数据由“searchresult”元素保存。您能建议如何解析和提取“searchresult”元素吗?事先谢谢。

我在SafariDev控制台中进行了调试,并看到了如下所示的元素可访问性。 DEV console debug

当我在组件中更新相同的代码时,我遇到了编译: src/app/search/search.component.ts(20,29)中出错:错误ts2339:类型“object”上不存在属性“finditeMsbyKeywordsResponse”。 请提出你的想法。

 serviceOnButtonClick(){
 this.searchService.searcheBay().subscribe((data) => {
      this.svcdata  =  data.findItemsByKeywordsResponse[0].searchResult

  });

2 回复 | 直到 6 年前

Ganesh 6 年前

@javapedia.net如果你回应的话,试试这个。 data 对象与图像中显示的相同,

this.searchService.searcheBay().subscribe((data) => {
    this.svcdata  =  data.findItemsByKeywordsResponse[0].searchResult;
    console.log(this.svcdata);
});

编辑

this.searchService.searcheBay().subscribe((data: any) => {
        this.svcdata  =  data.findItemsByKeywordsResponse[0].searchResult;
        console.log(this.svcdata);
    });

javapedia.net 6 年前

最后我使用了如下所示的地图投影。希望这有帮助。

  serviceOnButtonClick(){
 this.searchService.searcheBay().pipe(map((data:any) => data.findItemsByKeywordsResponse[0].searchResult)).subscribe((data) => {
      this.svcdata  =  data;
      console.log(this.svcdata);
  });

  }

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前