JSON.parse（）无法正常工作

Question

我不明白为什么我的json.parse()无法正常工作。 该错误可能就在我眼前，但我找不到它。 这是我的代码：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Stage galerij</title>
  <link rel="icon" href="img/website/photo.jpg" type="image/jpg" sizes="any">
  <link rel="stylesheet" href="css/main.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>

<body>
  <div id="id01"></div>
  <script>
    var xmlhttp = new XMLHttpRequest();
    var url = "http://www.clouddesk.be/galerij/includes/galerij_array.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].id +
          "</td><td>" +
          arr[i].File_path +
          "</td><td>" +
          arr[i].uitleg +
          "</td></tr>";
      }
      out += "</table>";
      document.getElementById("id01").innerHTML = out;
    }
  </script>
</body>

</html>

这是php文件的代码：

<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");

$conn = new mysqli("localhost", "clouddesk_robbe", "password", "clouddesk_stage");

$result = $conn->query("SELECT * FROM Fotos");

$outp = "[";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
    if ($outp != "[") {$outp .= ",";}
    $outp .= '{"id":"'  . $rs["idFotos"] . '",';
    $outp .= '"File_path":"'   . $rs["Foto_File"]        . '",';
    $outp .= '"uitleg":"'  . $rs["Uitleg"] . '",';
    $outp .= '"alt":"'. $rs["Alternatief"]     . '"}'; 
}
$outp .="]";

$conn->close();

echo($outp);
?>

它输出以下json字符串：

[{"id":"2","File_path":"img\gallerij\Afbeelding-61.png","uitleg":"Zebra verliest zijn strepen.","alt":"Stressige zebra"},{"id":"3","File_path":"img\gallerij\download(1).jpg","uitleg":"Tomatensoep met balletjes: Nog een keer blazen en ik sla op je bek.","alt":"Grappige cartoon"},{"id":"4","File_path":"img\gallerij\download.jpg","uitleg":"Brilsmurf met een raar gezicht","alt":"Brilsmurf"},{"id":"5","File_path":"img\gallerij\download(2).jpg","uitleg":"Mooi avondlijk woestijnuitzicht.","alt":"Woestijnuitzicht"},{"id":"8","File_path":"img\gallerij\image1.jpg","uitleg":"Een mooi blaadje dat door het herfstseizoen van de boom is gevallen en eenzaam op de grond licht. Het is getrokken in de late herfstzon.","alt":"Herfstblaadje op de grond"},{"id":"9","File_path":"img\gallerij\7.jpg","uitleg":"Een kleurrijk paneel dat elke mens wel terug wat opfleurd.","alt":"Een kleurig paneel"},{"id":"10","File_path":"img\gallerij\images(1).jpg","uitleg":"Mooie foto van een golf die in de late avond getrokken is. Je ziet de reflectie van de zo in de buiging van de golf.","alt":"Golf in de avondzon"},{"id":"12","File_path":"img\gallerij\images.jpg","uitleg":"Mooie auto, het is een dure rode lexus getrokken langs de linker voorkant.","alt":"Mooie rode lexus"},{"id":"13","File_path":"img\gallerij\Nikon-D810-Image-Sample-6.jpg","uitleg":"Een uitzicht op een onbewoond eiland zoals je je voorstelt in je verbeelding","alt":"Een onbewoond eiland"},{"id":"14","File_path":"img\gallerij\image-slider-2.jpg","uitleg":"Het huis van de film up in de lucht doormiddel van duizenden ballonen aan de schoorsteen.","alt":"Huis in de lucht"},{"id":"15","File_path":"img\gallerij\demo-image.jpg","uitleg":"Een mooie foto van een zwaan.","alt":"foto van een zwaan"}]

我几乎从w3schools.com的以下页面上复制了所有内容： http : //www.w3schools.com/json/json_example.asp当我使用w3schools.com的原始代码对其进行测试时，它可以很好地工作。 但是，当我更改URL变量和数组名称时，它不再起作用。 我还用在线验证器测试了json输出是否有效，它说完全可以。

Answer 1

不要自己创建JSON输出，请使用json_encode而不是字符串连接。 下面是一个简单的示例；

<?PHP
    $myResult = array();
    $myResult["key"] = "Value";
    $myResult["innerArray"] = array();
    $myResult["innerArray"]["key"] = "Value";
    $myResult["innerArray"]["isOk"] = true;
    $myResult["innerArray"]["amount"] = 100;
    echo json_encode($myResult);
?>

我的示例的工作示例https://ideone.com/4Kvvpj

Answer 2

使用JSON_encode（）; 用于在php文件中编码json值

Answer 3

JSON.parse（）无法正常工作，因为json字符串不正确。 File_path是img\\gallerij\\Afbeelding-61.png但应该是img/gallerij/demo-image.jpg 。 请在json字符串中的任何位置更改File_path 。

单击此处获取jsfiddle示例。

File_path是从$outp .= '"File_path":"'. $rs["Foto_File"] . '",'; 因此将\\替换为/ 。

好处：您可以直接在客户端中使用img/gallerij/demo-image.jpg类的JSON.parse()获得路径，因此该路径可以直接用作DOM元素的src 。

JSON.parse（）无法正常工作

问题描述

3 个解决方案

解决方案1
2 2016-01-29 08:45:38

解决方案2
0 2016-01-29 08:45:31

解决方案3
0 已采纳 2016-01-29 08:58:31

JSON.parse（）无法正常工作

问题描述

3 个解决方案

解决方案1 2 2016-01-29 08:45:38

解决方案2 0 2016-01-29 08:45:31

解决方案3 0 已采纳 2016-01-29 08:58:31

解决方案1
2 2016-01-29 08:45:38

解决方案2
0 2016-01-29 08:45:31

解决方案3
0 已采纳 2016-01-29 08:58:31