【问题标题】:Use data of a json in javascript with ajax [closed]在带有ajax的javascript中使用json的数据[关闭]
【发布时间】:2021-03-27 17:22:12
【问题描述】:

在我的 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>

感谢您的帮助:)

【问题讨论】:

  • 向我们展示您的错误信息价值!
  • 您的 json 文件无效。不要用{} 包围元素列表,这会产生一个无效的对象,而是使用[] 来创建一个有效的数组。
  • 感谢 james 修复了它,但它仍然不起作用我编辑了我的问题,现在有一个我变成错误的屏幕截图
  • 您的 Json 文件格式无效
  • 这是一个 CORS 策略问题,您会在这里找到大量类似的解决方案

标签: javascript html jquery json ajax


【解决方案1】:

您的 URL 可能需要是:url: './New.json',

【讨论】:

  • 我改了,还是不行。
猜你喜欢
  • 1970-01-01
  • 2018-08-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-16
  • 1970-01-01
  • 1970-01-01
  • 2016-10-02
相关资源
最近更新 更多