javascript - 通过jQuery解析JSON列表

Question

我有一个 php 文件，我通过 javascript 运行它。 php 是这样的:

<?php
  $con=mysqli_connect("localhost","root","****","*****");
  if (mysqli_connect_errno())
    {
      echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }

  $result = mysqli_query($con,"SELECT * FROM pictures");
  foreach ($result as $row){
    $return[]=array('number'=>$row['number'], 'path'=>$row['path']);
  }
  $dbh = null;

  header('Content-type: application/json');
  echo json_encode($return);
?>

当我直接在浏览器中运行 php 文件时，我得到这样的响应:

[{"number":"1","path":"blue.png"},{"number":"2","path":"red.png"},{"number":"3","path":"green.png"}...]

然后我有这样的 javascript:

var refreshImages = function() {
  $.get( // JQuery function to execute an AJAX Get request
    url: "get.php",
    dataType: "json
    success: function(data) { 
      data.forEach(function(src, i) {
        var img_tag = $("#img_+i).find("img"); // Finds the correct img tag to update
        if(img_tag.attr('src') != src) {
          img_tag.attr('src', src);
        }
      }
    }
}
window.setInterval(refreshImages, 1000); // Calls refreshImages every 1000ms

使用从 php 文件中获取的值，我需要填写此 ul:

<ul>
  <li id="img_1" class="image">first value should go here<span>10.000</span></li>
  <li id="img_2" class="image">second value should go here<span>7.500</span></li>
  <li id="img_3" class="image">third value should go here<span>5.000</span></li>
  ...
  <li id="img_35" class="image">35th value should go here<span>5.000</span></li>

谁能告诉我哪里错了？我很确定这是 javascript，但我不知道...

Answer 1

到处都缺少引号和大括号，$.get 方法不接受这样的选项，即 $.ajax :

var refreshImages = function() {
    $.ajax({
       url      : "get.php",
       dataType : "json"
    }).done(function(data) { 
        $.each(data, function(i, src) {
            var img_tag = $("#img_" + i).find("img");

            if( img_tag.attr('src') != src) {
               img_tag.prop('src', src);
            }
        });
    });
}

window.setInterval(refreshImages, 1000); 

另请注意，您正在设置源，而您的示例将元素显示为 LI 元素，并且在 LI 中插入的值是纯文本，而不是图像？不太清楚您期望发生什么，您是要更改图像或 LI 元素，还是创建图像或什么？