使用Ajax在Django中填充dropdown

<select id="dropdown">
  <option value="">请选择</option>
</select>

<script>
  // 使用Ajax请求数据并填充下拉菜单
  function fillDropdown() {
    var dropdown = document.getElementById("dropdown");
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "/get_dropdown_options/", true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        var options = JSON.parse(xhr.responseText);
        options.forEach(function(option) {
          var optionElement = document.createElement("option");
          optionElement.value = option.value;
          optionElement.textContent = option.label;
          dropdown.appendChild(optionElement);
        });
      }
    };
    xhr.send();
  }

  // 页面加载完成后调用填充下拉菜单的函数
  window.onload = fillDropdown;
</script>

from django.http import JsonResponse

def get_dropdown_options(request):
    options = [
        {"value": "1", "label": "选项1"},
        {"value": "2", "label": "选项2"},
        {"value": "3", "label": "选项3"},
    ]
    return JsonResponse(options, safe=False)