javascript - 使用 getJSon 函数将 JSON 数据解析为 html 页面

Question

我正在尝试制作可能是最简单的 jQuery 的 getJson 函数，但我遇到了一些问题..

我的脚本:

<script>

   $(document).ready(function()
     { 
         $.getJSON('http://localhost:8000/api/tests', function(Results) 
     {
        document.write(Results.name);
        });
     });

</script>

我尝试用多种不同的方式包含jquery.js。 例如:

<script src="../js/jquery.js"></script>
<script src="https//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

Localhost:8000/api/tests 打印出:[{"id":1, "name":"test", "description": “测试文本”}]

在应用程序/配置中我有

assetic:
  assets:
    jquery: "%kernel.root_dir%/.../vendor/components/jquery/jquery.min/js"

可能与此无关，但如果我在 jquery 前面添加- 错误:“必须设置属性“name”对于路径“assetic.assets”

当前结果:未定义

任何提示我如何让它显示我想要的结果..在这种情况下，而不是未定义它应该是测试

希望你能理解我的问题。感谢您的宝贵时间!

Answer 1

[{"id" :1, "name":"test", "description":"testtext"}]

这是一个包含对象的数组。

document.write(Results.name)

尝试将数组视为包含它的对象。

您需要首先从数组中获取对象。

document.write(Results[0].name)

<小时/>

注意:

• 按照约定，JavaScript 中以大写字母开头的变量名称是为构造函数保留的。改为调用您的变量 results。
• document.write 除非在构造文档时运行，否则将销毁现有文档。这几乎总是不受欢迎的。您或许应该使用 DOM。