Anzeige der json-Daten von jQuery.ajax in HTML mit Schleife

Hallo, angenommen ich habe folgenden ajax-Aufruf:

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

Dass die Ergebnisse in die folgende json-Daten (in meiner Konsole)

{
  "meta": {
    "last_updated": "2017-07-06"
  },
  "results": [
    {
      "term": "DRUG INEFFECTIVE",
      "count": 1569
    },
    {
      "term": "NAUSEA",
      "count": 1374
    },
    {
      "term": "FATIGUE",
      "count": 1371
    }
  ]
}

Wie kann ich das Auffüllen div in meine HTML Seite mit diesen Daten in einem format, das so etwas wie:

term: x
count: xx

term: x
count: xx

term: x
count: xx

Ich bin nicht daran interessiert, die "meta" - Kram nur die "Ergebnisse"

Jemand wissen, wie Sie eine einfache Schleife um diese Daten anzuzeigen?

Dank!

innerhalb success: function(data) { ... } "for-Schleife" durch data.results und dann die jQuery-zum Auffüllen der gezielte div.

InformationsquelleAutor cup_of | 2017-07-17

  1. 2

    Können Sie eine Schleife durch Ihre data.results innerhalb Ihres "Erfolgs-Funktion", wie dieses:

    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));
        });
    }
});
    danke chris, kannst du mir helfen, mit was in dem createTextNode?
    genial vielen Dank das ist genau die Antwort die ich suchte!
    Sie sind herzlich willkommen!

    InformationsquelleAutor Chris

  2. -1
    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);
        }
    das mag eine gültige Antwort, aber eindeutig nicht für diese Frage (was passiert bereits eine akzeptierte Antwort)

    InformationsquelleAutor harsh

Schreibe einen Kommentar