javascript - 无法使用 jQuery 从本地 json 文件加载数据

标签 javascript jquery

<!DOCTYPE html>
<html>
  <head>
    <script data-require="jquery@*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script type="text/JavaScript">
         $select = $('#people');
         //request the JSON data and parse into the select element
         $.ajax({
             type:'GET',
             url: 'simple.json',
             dataType:'JSON',
             success:function(data){
                 //clear the current content of the select
                 $select.html('');
                 //iterate over the data and append a select option
                 $.each(data.person, function(key, val){
                     $select.append('<option >' + val.firstName+ '</option>');
                 })
             },
             error:function(){
                 //if there is an error append a 'none available' option
                 $select.html('<option >none available</option>');
             }
         });
         </script>
  </head>

  <body>
    <select id="people"></select>
  </body>

</html>

无法使用 jQuery ajax 读取本地 json 文件中的数据。

即使我正在使用 $.getjson() 尝试相同的代码。未返回输出。

这是我的笨蛋:https://plnkr.co/edit/Ys2xxOn1oUCeNL3wqcvJ?p=preview

最佳答案

将data.person更改为data.employees，将代码包装在文档就绪语句中

https://plnkr.co/edit/PemDjZFAsFCcH16NfdQu?p=preview

关于javascript - 无法使用 jQuery 从本地 json 文件加载数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37802787/