Question

我正在尝试从文件加载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"}
]}

这是文件位置

任何有关成功消息的建议？它说Failed to load resource: the server responded with a status of 404 (Not Found)

请帮助我是初学者任何建议请...提前感谢

Answer 1

请检查您的文件位置，是否正确放入您的计算机。

          $.ajax({
                    url: './file.json', //Check this file location.
                    type: 'get',
                    dataType: 'json',
                    error: function(data){
                        $('#stage').html("error");
                    },
                    success: function(data){
                        $('#stage').html("ay 7aga");
                        }
                    });
            });

如果它位置正确，那你使用什么服务器？如果是IIS，则在服务器中将MIME类型添加为JSON

Answer 2

尝试使用网址：＆＃39; ../ file.json＆＃39;也就是说，对json文件的一级引用

无法从.json文件

2 个答案: