Javascript jQuery JSON文件未加载_Javascript_Jquery_Json

Javascript jQuery JSON文件未加载

javascript jquery json

Javascript jQuery JSON文件未加载,javascript,jquery,json,Javascript,Jquery,Json,我正试图使用jQuery加载本地项目工作区中的.json文件，但我得到了一个错误——“跨源请求仅支持协议方案：http、data、chrome、chrome扩展名、https。” 试验 $.getJSON（'phones.json'，函数（数据）{ console.log（'It Worked！'） }); 试验 $.getJSON（'phones.json'，函数（数据）{ console.log（'It Worked！'） }); 这可以通过谷歌搜索。Chrome安全性不允许您对本地目录进

我正试图使用jQuery加载本地项目工作区中的.json文件，但我得到了一个错误——“跨源请求仅支持协议方案：http、data、chrome、chrome扩展名、https。”


试验
$.getJSON（'phones.json'，函数（数据）{
console.log（'It Worked！'）
});
试验
$.getJSON（'phones.json'，函数（数据）{
console.log（'It Worked！'）
});

这可以通过谷歌搜索。Chrome安全性不允许您对本地目录进行本地AJAX调用。如果文件始终位于本地文件目录中，请将其包含在

中。注意，这将导致json变量是全局变量

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

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

<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>