Javascript 如何使用ajax附加多个值

在响应时，我得到了多个项，我想将响应中的每个项都附加到h2类上。我的代码只是循环一个类中的每个项

这是我的尝试：

$（函数（）{
var$test=$（'#test'）.one（）；
$.ajax({
键入：“GET”，
url:'test.json'，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（测试）{
-->
$。每个（测试、功能（索引、项目）{
$tests.append（“”+项[1]+“”）；
});
}
});
});
它仅在1项上循环，因为您使用的是
id
而不是
class
，请尝试将HTML更改为：

<h2 class="test"></h2>
<h2 class="test"></h2>

我建议。
请不要
内容类型：“application/json；charset=utf-8”，
-您正在发出GET请求。没有内容可以指定的类型。是的，谢谢，现在就知道了。。所以id在页面上必须是唯一的，但仍然不明白为什么要在每个页面上打印所有项目class@JavaCrypT还不知道是什么？我想循环每个项目，并在h2类上逐个追加所有项目，例如：file.json{“name”：“John”，“name”：Test”，“name”：“Jack”}它应该打印约翰测试Jack@JavaCrypT你想解释什么还不清楚。循环什么？两个
h2
标记？并在它们里面附加什么？
var $test = $('.test')