使用循环在HTML中显示jQuery.ajax中的json数据

您好，假设我有以下ajax调用：

jQuery.ajax({
    type: "GET",
    url: "https://myurl.com",
    success: function(data)
    {
        console.log(data);
    }
});

这将产生以下json数据（在我的控制台中）

如何在HTML页面中以如下格式使用此数据填充

div

：

term: x
count: xx

term: x
count: xx

term: x
count: xx

我对“元”的东西不感兴趣，只对“结果”感兴趣

有人知道如何使用简单的循环来显示这些数据吗

---

谢谢

您可以循环查看您的

数据。结果
在您的“成功函数”中，如下所示：

jQuery.ajax({
    type: "GET",
    url: "https://myurl.com",
    success: function(data)
    {
        console.log(data);

        jQuery.each(data.results, function(i, val) {
            // here you can do your magic
            $("#yourdivid").append(document.createTextNode(val.term));
            $("#yourdivid").append(document.createTextNode(val.count));
        });
    }
});

StudentViewModel EmpInfo=newstudentviewmodel（）；
HttpClient client1=新的HttpClient（）；
client1.BaseAddress=新Uri（“http://localhost:2585/");
client1.DefaultRequestHeaders.Accept.Add(
新的MediaTypeWithQualityHeaderValue（“应用程序/json”）；
var responsecountry=client1.GetAsync（“api/Country/”）.Result；
列表国家=新列表（）；
HttpClient=新的HttpClient（）；
client.BaseAddress=新Uri（“http://localhost:2585/");
client.DefaultRequestHeaders.Accept.Add(
新的MediaTypeWithQualityHeaderValue（“应用程序/json”）；
var response=client.GetAsync（“api/StudentApi/”+id）.Result；
if（响应。IsSuccessStatusCode）
{
EmpInfo=JsonConvert.DeserializeObject（response.Content.ReadAsStringAsync（）.Result）；
if（responsecountry.IsSuccessStatusCode）
{
country=JsonConvert.DeserializeObject（responsecountry.Content.ReadAsStringAsync（）.Result）；
EmpInfo.Country=国家；
}
返回部分视图（EmpInfo）；
}
您需要接收json格式的成功数据，为此，首先需要将其转换为数组以获取数据

data = jQuery.parseJSON(data);

这将帮助您以数组格式接收数据，然后您可以对数据执行任何操作

有关更多信息，请查看
success:function（data）{…}
“For loop”中的这些答案，通过
data.results
，然后使用jQuery填充目标div。谢谢你，克里斯，你能帮我在createTextNode中放置什么吗？太棒了，非常感谢你，这正是我想要的答案！这可能是一个有效的答案，但显然不是针对那个问题（碰巧已经有了一个公认的答案）
StudentViewModel EmpInfo = new StudentViewModel();

        HttpClient client1 = new HttpClient();
        client1.BaseAddress = new Uri("http://localhost:2585/");

        client1.DefaultRequestHeaders.Accept.Add(
            new MediaTypeWithQualityHeaderValue("application/json"));

        var responsecountry = client1.GetAsync("api/Country/").Result;
        List<SelectListItem> country = new List<SelectListItem>();


        HttpClient client = new HttpClient();
        client.BaseAddress = new Uri("http://localhost:2585/");

        client.DefaultRequestHeaders.Accept.Add(
            new MediaTypeWithQualityHeaderValue("application/json"));

        var response = client.GetAsync("api/StudentApi/" + id).Result;


        if (response.IsSuccessStatusCode)
        {
            EmpInfo = JsonConvert.DeserializeObject<StudentViewModel>(response.Content.ReadAsStringAsync().Result);
            if (responsecountry.IsSuccessStatusCode)
            {
                country = JsonConvert.DeserializeObject<List<SelectListItem>>(responsecountry.Content.ReadAsStringAsync().Result);
                EmpInfo.Country = country;
            }
            return PartialView(EmpInfo);
        }

data = jQuery.parseJSON(data);