從 json 響應中遍歷字典

Question

我的 json 視圖：

def validate_categories(request):
    obj = request.GET.get('categories', '')
    import json
    obj: list[int] = json.loads(obj)
    qs = Institution.objects.filter(categories__in=obj)

    return JsonResponse({institution.name: institution.id for institution in qs})

我的 Ajax：

  var catArrIdString = JSON.stringify(catArrIdInt)
  if (catArrId.length > 0) {
    $.ajax({
      type: "GET",
      url: "/ajax/validate_categories/",
      dataType: "json",
      data: {
        "categories": catArrIdString
      }
    }).done(function(institutionsByName) {
      for (const [key, value] in Object.entries(institutionsByName)){
        console.log(`${key}: ${value}`);
      }
    })
    .fail(function(e) {
      alert( "error" );
      console.log(e)
    })
  }

然后我有一個像這樣的字典：“機構名稱”：機構 ID

我如何在 javascript 中遍歷它並使用 InnerHTML 將每個機構及其名稱和 ID 放入 DIV？

Answer 1

您可以使用Object.entries使用常規循環進行迭代

 const dictionary = { "name1": 1, "name2": 2, "name3": 3, }; document.body.innerHTML = Object.entries(dictionary).map(([key,val]) => `<div>${key}: ${val}</div>`).join('<br/>');