jquery - Ajax 显示 JSON feed

Question

我想使用这个 json 端点创建一个汽车模型。

如何创建一个汽车对象，然后为每个汽车对象提供一组一致的属性？

我这里有: 错误的输出，您将看到很多“未定义”，因为它循环整个 JSON 字符串，并且有 6 个项目不是我们要求的 3 个变量中的项目。

抱歉，我对此不太熟悉。

Demo

    $.get( "series-data.json", function( obj ) {
      for(x in obj.data.series){
        var series_icon = obj.data.series[x].series_icon;
        var display_order = obj.data.series[x].display_order;
        var brand = obj.data.series[x].brand;

        var html = "<ul>";
          html += "<li>"+ series_icon +"</li>";
          html += "<li>"+ display_order +"</li>";
          html += "<li>"+ brand +"</li>";
          html += "</ul>";

        $('#output').append(html);
      }
    });

Answer 1

给你一个解决方案

$.get("http://pdi.bmw.staging.oliver.solutions/data/series-data.json", function(obj) {
  for (x in obj.data.series) {   
    if(typeof obj.data.series[x].series_icon != "undefined"){
     $('#output').append(`<ul>
        <li>${obj.data.series[x].series_icon}</li>
        <li>${obj.data.series[x].display_order}</li>
        <li>${obj.data.series[x].brand}</li>
      </ul>`);
    }  
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

我使用了ES6模板文字

如果您不想使用ES6模板文字，请尝试以下代码

$.get("http://pdi.bmw.staging.oliver.solutions/data/series-data.json", function(obj) {
  for (x in obj.data.series) {   
    if(typeof obj.data.series[x].series_icon != "undefined"){
     $('#output').append("<ul>" + 
        "<li>" + obj.data.series[x].series_icon + "</li>" +
        "<li>" + obj.data.series[x].display_order + "</li>" +
        "<li>" + obj.data.series[x].brand + "</li>" +
      "</ul>");
    }  
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="output"></div>

希望这对您有帮助。