首页 > 解决方案 > 就速度而言,使用大型 json 文件填充选择的最佳方法是什么

问题描述

我正在尝试使用相对较大的本地 json 数据填充选择列表。就速度而言,这是最好的方法吗?

而且当试图以另一种方式(注释掉的行)将选项附加到选择中时,代码根本不起作用 - 有人可以向我解释为什么会这样吗?

$(document).ready(function() {
  Sickness();
});

function Sickness() {
  let sickness;

  $.getJSON('https://next.json-generator.com/api/json/get/V1mWAT69Y').done(function(data) {
    sickness = data;

    $('#sickness').html('');
    let sicknessOptions = '';

    $.each(data, function(index, object) {
      $('#sickness').append(`<option value="${object.value}">${object.text}</option>`);

      // sicknessOptions += $(`<option value="${object.value.toUpperCase()}">${object.text.toUpperCase()}</option>`);

    });
    // $('#sickness').append(sicknessOptions);
  });
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="sickness"></select>

标签: javascripthtmljqueryjson

解决方案


推荐阅读