个人中心
gpt4 book ai didi

javascript - JSON 请求为所有键/值对返回 'undefined'

转载 作者：行者123 更新时间：2023-11-30 16:42:00 25 4
gpt4 key购买 nike

我有一个将 Google 电子表格解析为 JSON 的 PHP 文件:

<?php
header('Content-type: application/json');

// Set your CSV feed
$feed = 'https://docs.google.com/spreadsheets/d/1IwFDZp1dLBR931OnJpEgW9ojrLx063m5_dhkqKGgugc/pub?output=csv';

// Arrays we'll use later
$keys = array();
$newArray = array();

// Function to convert CSV into associative array
function csvToArray($file, $delimiter) { 
  if (($handle = fopen($file, 'r')) !== FALSE) { 
    $i = 0; 
    while (($lineArray = fgetcsv($handle, 4000, $delimiter, '"')) !== FALSE) { 
      for ($j = 0; $j < count($lineArray); $j++) { 
        $arr[$i][$j] = $lineArray[$j]; 
      } 
      $i++; 
    } 
    fclose($handle); 
  } 
  return $arr; 
} 

// Do it
$data = csvToArray($feed, ',');

// Set number of elements (minus 1 because we shift off the first row)
$count = count($data) - 1;

//Use first row for names  
$labels = array_shift($data);  

foreach ($labels as $label) {
  $keys[] = $label;
}

// Add Ids, just in case we want them later
$keys[] = 'id';

for ($i = 0; $i < $count; $i++) {
  $data[$i][] = $i;
}

// Bring it all together
for ($j = 0; $j < $count; $j++) {
  $d = array_combine($keys, $data[$j]);
  $newArray[$j] = $d;
}

// Print it out as JSON
echo json_encode($newArray);

?>

在我的 HTML 中，一些代码应该将该 JSON 呈现为 HTML 表格:

<body>
    <div id="id01"></div>

    <script>
        var xmlhttp = new XMLHttpRequest();
        var url = "votos.json.php";

        xmlhttp.onreadystatechange=function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                myFunction(xmlhttp.responseText);
            }
        }
        xmlhttp.open("GET", url, true);
        xmlhttp.send();

        function myFunction(response) {
            var arr = JSON.parse(response);
            var i;
            var out = "<table>";

            for(i = 0; i < arr.length; i++) {
                out += "<tr><td>" +
                arr[i].Name +
                "</td><td>" +
                arr[i].City +
                "</td><td>" +
                arr[i].Country +
                "</td></tr>";
            }
            out += "</table>";
            document.getElementById("id01").innerHTML = out;
        }
    </script>

</body>

访问 index.html 会显示每个单元格中都填充了“未定义”的表格。但是，将 URL 从“votos.json.php”更改为其他网址，例如，从 W3 中提取的网址:[ http://www.w3schools.com/website/customers_mysql.php] ，该表由正确的数据填充并很好地显示。我已经验证了 PHP 文件的 JSON 输出，它似乎没有任何问题 - 那么可能是什么原因造成的，如何解决？

最佳答案

您从该 CSV 文件中引用了不正确的列名。尝试...

for (i = 0; i < arr.length; i++){
    out += "<tr><td>" +
    arr[i].candidato +
    "</td><td>" +
    arr[i].votos +
    "</td><td>" +
    arr[i].porcentaje +
    "</td></tr>";
}

关于javascript - JSON 请求为所有键/值对返回 'undefined'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31813719/

25 4 0
文章推荐： c++ - 使用动态分配的变量和 _chdir windows 函数时堆损坏
文章推荐： c - 如何使用从 .x 文件生成的 XDR 结构(内存分配)
文章推荐： c - Windows 服务作为控制台应用程序运行，但作为服务自动关闭
文章推荐： javascript阅读更多功能？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com