Javascript 试图在react native中通过url加载JSON,但未获得正确响应

Javascript 试图在react native中通过url加载JSON,但未获得正确响应,javascript,php,json,react-native,Javascript,Php,Json,React Native,} 我还尝试将?l=1放在类似“bitcfeedcms.rf.gd/script.php?l=1”的位置。 主json文件是“bitcfeedcms.rf.gd/feed_data.json”。所以我也试过了,但没什么变化 我现在要做的是获取json数据并在我的应用程序中使用它…请帮助,此链接返回多组json ([{“FeedTitle”:“Debotos”,“FeedDescription”:“第一次饲料测试…”,{“FeedTitle”:“Akash”,“FeedDescription”:“

}

我还尝试将?l=1放在类似“bitcfeedcms.rf.gd/script.php?l=1”的位置。 主json文件是“bitcfeedcms.rf.gd/feed_data.json”。所以我也试过了,但没什么变化

我现在要做的是获取json数据并在我的应用程序中使用它…请帮助,此链接返回多组json

([{“FeedTitle”:“Debotos”,“FeedDescription”:“第一次饲料测试…”,{“FeedTitle”:“Akash”,“FeedDescription”:“创建一个名为\“Khulna Sparkers \”的氏族,{“FeedTitle”:“Ripon”,“FeedDescription”:“我的兄弟和我最亲近的人之一”})

试试这个

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);
  });
getData(){
取回(“http://bitcfeedcms.rf.gd/script.php")
。然后(响应=>{
控制台日志(响应);
json();
})
.然后(responseJson=>{
变量长度=responseJson.length;
对于(var a=0;a,此链接返回多组JSON

([{“FeedTitle”:“Debotos”,“FeedDescription”:“第一次饲料测试…”,{“FeedTitle”:“Akash”,“FeedDescription”:“创建一个名为\“Khulna Sparkers \”的氏族,{“FeedTitle”:“Ripon”,“FeedDescription”:“我的兄弟和我最亲近的人之一”})

试试这个

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);
  });
getData(){
取回(“http://bitcfeedcms.rf.gd/script.php")
。然后(响应=>{
控制台日志(响应);
json();
})
.然后(responseJson=>{
变量长度=responseJson.length;

对于(var a=0;a,您使用的箭头函数错误。而不是:

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);
  });
}
您应该返回
response.json()

通过这种方式,您可以在下一个
中访问
responseJson

此外,如果您的应用程序抱怨
fetch()网络请求失败
,可能是因为Info.plist或Manifest配置错误。请参见此

对于iOS,您可以使用以下
https
dummy json url尝试相同的请求:

您使用的箭头功能错误。请改为:

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);
  });
}
您应该返回
response.json()

通过这种方式,您可以在下一个
中访问
responseJson

此外,如果您的应用程序抱怨
fetch()网络请求失败
,可能是因为Info.plist或Manifest配置错误。请参见此

对于iOS,您可以使用以下
https
dummy json url尝试相同的请求:

试试axios

npm安装--保存axios
尝试axios


npm安装--save axios
你看到console.log了吗?是的……我检查过了。响应日志在这里……我想你的问题在于php脚本。你有没有尝试过用Postman发出请求?响应返回为HTML。邮递员给我HTML作为响应……这里看到Postman bitcfeedcms.rf.gd/Postman%20error.pngdo的响应,你看到了吗console.log?是的…我检查了。响应日志在这里…我认为您的问题在于php脚本。您是否尝试与Postman一起发出请求?响应返回为HTML。Postman将HTML作为响应给我…请参见此处Postman bitcfeedcms.rf.gd/Postman%20error的响应。pngResponse日志在此处其他url(用于script.php)是不是也有这样的反应呢?看看这一行{“FeedTitle”:“Akash”,“FeedDescription”:“创建一个名为\“Khulna Sparkers\”的氏族。)我猜你的Json格式不对。Json数据必须像这样{“var”:“value”}但处于脱机状态(通过目录路径)当我尝试加载json文件时,它工作得非常完美……因此json格式可能没有错误,它是一个对象数组响应日志在这里其他url(用于script.php)响应的是与此相同的内容请看这一行{“FeedTitle”:“Akash”,“FeedDescription”:“创建一个名为\“Khulna Sparkers\”的氏族”我猜你的Json格式是错误的。Json数据必须是这样的{“var”:“value”}但在脱机(通过目录路径)时,当我尝试加载Json文件时,它工作得非常完美…所以Json格式可能没有错,它是一个对象数组,这里是响应数据。它没有提供正确的数据…是的,我尝试了你的代码,然后(屏幕截图)出现结果。尝试使用此选项。控制台同时记录<代码>然后<代码>并告诉我输出结果。正如您所说的…我这样做了,结果在屏幕截图中检查@MattyK14对问题的评论,这里是响应数据。它没有给出正确的数据…是的,我尝试使用您的代码,然后是(屏幕截图)结果出现了。试试这个。控制台记录两个
,然后
,并告诉我输出结果。正如你所说的……我做了,结果在屏幕快照中检查@MattyK14写的对问题的评论