首页 文章

从URL获取React-Native JSON

提问于
浏览
2

我希望我能找到一些帮助 .

我正在使用React Native并尝试从名为Feiertage-API(https://feiertage-api.de/)的API中获取一些数据,这些数据基本上会返回(应该返回)德国的官方假期 .

尝试使用fetch in native native,给我一个这样的响应:

Response {
   "_bodyBlob": Blob {
     "_data": Object {
       "blobId": "49C4AD4B-4648-44DB-AED7-7654EB78EF7A",
       "name": "api",
       "offset": 0,
       "size": 487,
       "type": "application/json",
     },
   },
   "_bodyInit": Blob {
     "_data": Object {
       "blobId": "49C4AD4B-4648-44DB-AED7-7654EB78EF7A",
       "name": "api",
       "offset": 0,
       "size": 487,
       "type": "application/json",
     },
   },
   "headers": Headers {
     "map": Object {
       "access-control-allow-origin": Array [
         "*",
       ],
       "content-type": Array [
         "application/json",
       ],
       "date": Array [
         "Tue, 31 Jul 2018 07:17:51 GMT",
       ],
       "server": Array [
         "nginx",
       ],
       "x-powered-by": Array [
         "PHP/7.0.31, PleskLin, PleskLin",
       ],
     },
   },
   "ok": true,
   "status": 200,
   "statusText": undefined,
   "type": "default",
   "url": "https://feiertage-api.de/api/?jahr=2019&nur_land=hb",
}

我的提取调用如下所示:

fetch('https://feiertage-api.de/api/?jahr=2019&nur_land=hb')
                .then(response => console.log(response) )
                .catch(error => console.log(error));

GET-参数是: - jahr = 2019(对于年份,我认为这是显而易见的) - nur_land = hb(这只返回状态数据,一旦将截止值作为参数)

还可以通过添加get-parameter'callback = mycallbackname'来获取JSONP .

如果试图显示如下数据:console.log(response.json())

我明白了:

Promise {
      "_40": 0,
      "_55": null,
      "_65": 0,
      "_72": null,
   }

我期待看到的正是这里显示的数据 - > https://feiertage-api.de/api/?jahr=2019&nur_land=hb

那么我怎样才能从响应中提取数据?

1 回答

  • 3

    您需要在该响应上调用.json()方法 .

    fetch('https://feiertage-api.de/api/?jahr=2019&nur_land=hb')
                .then(response => response.json() )
                .then(data => console.log(data) )
                .catch(error => console.log(error));
    

相关问题