試圖在反應本地，但沒有得到正確響應於經由URL加載JSON

Question

getData() { 
return fetch("http://bitcfeedcms.rf.gd/script.php") 
    .then(response => { 
    console.log(response); 
    response.json(); 
    }) 
    .then(responseJson => { 
    this.setState({ data: responseJson }); 
    }) 
    .catch(error => { 
    console.error(error); 
    }); 

}

我還通過將ΔL= 1像「bitcfeedcms.rf.gd/script.php?l=1試圖」。 主要的json文件是「bitcfeedcms.rf.gd/feed_data.json」。所以，我想「http://bitcfeedcms.rf.gd/feed_data.json?l=1」這太，但沒有改變

什麼我現在做的就是JSON數據，並在我的應用程序使用它...請幫助

Answer 1

http://bitcfeedcms.rf.gd/script.php，這個鏈接將返回多套JSON的。 （FeedTitle「：」Debotos「，」FeedDescription「：」First Feed Testing .....「），{」FeedTitle「：」Akash「，」FeedDescription「：」創建一個名爲\ 「Khulna Sparkers \」「}，{」FeedTitle「：」Ripon「，」FeedDescription「：」我的兄弟和我最親密的個人之一「}]

試試這個。 。 。

getData() { 
fetch("http://bitcfeedcms.rf.gd/script.php") 
    .then(response => { 
    console.log(response); 
    response.json(); 
    }) 
    .then(responseJson => { 
     var length = responseJson.length; 
     for (var a = 0; a<length;a++) { 
      var FeedTitle = responseJson[a].FeedTitle; //<-variable from your response json 
      var FeedDescription = responseJson[a].FeedDescription; //<-from your response json 
      console.log(FeedTitle); 
      console.log(FeedDescription); 
     } 
    }) 
    .catch(error => { 
    console.error(error); 
    }); 
} 

Answer 2

您正在使用箭頭功能錯誤。取而代之的是：

fetch("http://bitcfeedcms.rf.gd/script.php") 
    .then(response => { 
    console.log(response); 
    response.json(); 
    }) 
    .then(responseJson => { 
    this.setState({ data: responseJson }); 
    }) 

您應該返回的response.json()

fetch("http://bitcfeedcms.rf.gd/script.php") 
    .then(response => { 
    console.log(response); 
    return response.json(); 
    }) 
    .then(responseJson => { 
    this.setState({ data: responseJson }); 
    }) 

這樣你可以在未來then達到responseJson。此外，如果您的應用抱怨fetch() network request failed可能是Info.plist或Manifest配置錯誤。看到這個topic。

在iOS設備上，你可以嘗試用此https虛擬JSON的URL相同的請求： https://jsonplaceholder.typicode.com/posts/1