在 Javascript 中显示 php curl Json 数组数据答案

【问题标题】：Displaying php curl Json Array Data in Javascript在 Javascript 中显示 php curl Json 数组数据
【发布时间】：2017-11-21 00:06:57
【问题描述】：

我正在尝试在 javascript 中显示 PHP curl json 数组数据。

如果我回应

// curl output

$response = curl_exec($curl);
echo $response;

我将使用以下格式的数据作为我的输出

{"items":[{"id":"1","food":"rice","Amount":"100","condition":"paid"},
{"id":"2","food":"beans","Amount":"200","condition":"paid"},
{"id":"3","food":"yam","Amount":"50","condition":"not paid"},
{"id":"4","food":"tomatoes","Amount":"100","condition":"paid"},
{"id":"5","food":"potato","Amount":"700","condition":"paid"}]}

问题是如何在 Javascript 中显示数据？

我已尝试以下代码，但出现错误“Undefine”。

有人可以帮帮我吗？

以下是我的 Javascript 输出代码。

    function loadData(){
$.post('json.php',
function(response){

    $.each(JSON.parse(response),

function(i,v){  


$('.info').append('<li><div class="msg-lhs"><span>'+v.id+'</span> <span>'+v.food+'</span> <span>'+v.Amount+'</span> <span>'+v.condition+'</span></div></li>');

});

$('.info').animate({scrollTop: $('.info').prop("scrollHeight")}, 500);

});

【问题讨论】：

您要访问的数组在键 items 中，您需要对其进行迭代，例如：JSON.parse(response).items
我该怎么做
... 将JSON.parse(response) 替换为JSON.parse(response).items。如果它有效，想想为什么，如果不是告诉我错误：P

标签： javascript php arrays json curl

【解决方案1】：

我不知道你的代码到底出了什么问题，但我想出了一个稍微不同的方法，效果很好。

注意：假设您从 curl 请求中获取数据正常。 只是在循环迭代之外解析你的结果并使用forEach 循环。

var response = '{"items":
     [{"id":"1","food":"rice","Amount":"100","condition":"paid"},\
      {"id":"2","food":"beans","Amount":"200","condition":"paid"},\
      {"id":"3","food":"yam","Amount":"50","condition":"not paid"},\

      {"id":"4","food":"tomatoes","Amount":"100","condition":"paid"},\
      {"id":"5","food":"potato","Amount":"700","condition":"paid"}]}';
var parsed = JSON.parse(response)
parsed.items.forEach(function(v) {
$('.info').append('<li><div class="msg-lhs"><span>'+v.id+'</span>    
    <span>'+v.food+'</span> <span>'+v.Amount+'</span> 
    <span>'+v.condition+'</span></div></li>');
});
$('.info').animate({scrollTop: $('.info').prop("scrollHeight")}, 500);

这里是fiddle

【讨论】：