Question

我尝试使用jQuery加载我本地项目工作区中存在的.json文件，我收到错误 - ＆＃34;只有协议方案支持交叉源请求：http，data，chrome，chrome -extension，https。＆＃34;

<html lang="en">
        <head>
          <meta charset="utf-8">
          <title>TEST</title>
        </head>
        <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

        <script>
            $.getJSON('phones.json',function(data){
                console.log('It Worked!')
            });
        </script>
        </body>
        </html>

    <!-- end snippet -->

      <html lang="en">
        <head>
          <meta charset="utf-8">
          <title>TEST</title>
        </head>
        <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

        <script>
            $.getJSON('phones.json',function(data){
                console.log('It Worked!')
            });
        </script>
        </body>
        </html>

Answer 1

使用网络服务器并通过http提供此页面。这将消除这个问题。

Answer 2

这可以是Google搜索。 Chrome安全性不允许您对本地目录执行本地AJAX调用。如果文件始终位于您的本地文件目录中，请将其包含在<script src="phones.json"></script>中。注意，这将导致json变量为全局变量。

或者，您可以在本地服务器上运行页面以继续本地编程。这也可以用Google搜索如何做到这一点。

jQuery JSON文件未加载

2 个答案: