将javascript中的json数据与ajax结合使用

我在html文档中使用json文件的数据时遇到问题

在顶部你可以看到我得到的错误

我已将此文件创建为json文件New.json：

[
    { "firstname":"Thomas", "lastname":"Anderson" },
    { "firstname":"Agent", "lastname":"Smith" },
    { "firstname":"Agent", "lastname":"Brown" }
]

我尝试使用此代码从json文件中获取数据

    <script type="application/javascript">
            $(document).ready(function() {
                $("div").click(function () {
                    $.ajax({
                        type: 'GET',
                        url: './New.json',
                        dataType: 'json',
                        success: function(data){
                            window.alert(data);
                        },
                    });
                });
            });
    </script>

$（文档）.ready（函数（）{
$（“div”）。单击（函数（）{
$.ajax({
键入：“GET”，
url:“./New.json”，
数据类型：“json”，
成功：功能（数据）{
窗口报警（数据）；
},
});
});
});

---

感谢您的帮助：）

您的URL可能需要是：URL:'./New.json'，

您的URL可能需要是：URL:'./New.json'，

我更改了它，但它仍然不起作用。我更改了它，但它仍然不起作用。显示您的错误消息值！您的json文件无效。不要用产生无效对象的

{}

包围元素列表，使用

[]

创建有效数组。感谢james修复了它，但它仍然不起作用我编辑了我的问题，现在有一个错误屏幕截图，因为您的Json文件格式无效这是CORS策略问题，您将在此处找到大量类似的分辨率显示您的错误消息值！您的json文件无效。不要用产生无效对象的

{}

包围元素列表，使用

[]

创建有效数组。感谢james修复了它，但它仍然不起作用我编辑了我的问题，现在有一个错误屏幕截图，因为您的Json文件格式无效这是CORS策略问题，你会发现这里有很多类似的分辨率