javascript - 无法从 .json 文件加载 json 数据

标签 javascript java jquery json jakarta-ee

我正在尝试从文件加载 json 对象..但它总是转到错误消息

<html>

   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript"
         src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("#driver").click(function(event){
                $.ajax({
                    url: 'file.json',
                    type: 'get',
                    dataType: 'json',
                    error: function(data){
                        $('#stage').html("error");
                    },
                    success: function(data){
                        $('#stage').html("ay 7aga");
                        }
                    });
            });
         });
      </script>
   </head>

   <body>

      <p>Click on the button to load result.html file:</p>

      <div id = "stage">
         STAGE
      </div>

      <input type = "button" id = "driver" value = "Load Data" />

   </body>

</html>

还有我的file.json

{"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

这是文件位置