Question

我正在尝试创建一个从本地json文件加载信息的表，但首先我无法将数据从JSON文件提取到我的html，这是我的方法，直到现在。

这是我的JS，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

$(function(){
        $.getJSON('baseball_stats.json',function(data){
            console.log('success');
            $.each(data,function(i,data){
                $('ul').append('<li>'+data.Player+' '+data.Team+'</li>');
            });
        }).error(function(){
            console.log('error');
        });
    });

这是我的JSON文件的一部分，

[
 {
   "Player": "LeMahieu",
   "Team": "COL",
   "Pos": "2B",
   "G": 146,
   "AB": 552,
   "R": 104,
   "H": 192,
   "2B": 32,
   "3B": 8,
   "HR": 11,
   "RBI": 66,
   "BB": 66,
   "SO": 80,
   "SB": 11,
   "CS": 7,
   "AVG": 0.348,
   "OBP": 0.416,
   "SLG": 0.495,
   "OPS": 0.911
 },

这是我的HTML，

<body>
<h1>BASEBALL STATS</h1>
<ul>
  <li id="player"></li>
</ul>
</body>

无法在html文件中加载JSON数据

0 个答案: