使用 GET 请求 jQuery 获取数据到单选选项和选择框

Question

我正在尝试做一个汽车品牌和型号选择框，因此当您选择汽车收音机选项时，它会显示汽车、品牌、型号和年份的所有可用选项。

我尝试使用 GitHub 链接，发现其中包含从 1994 年到 2022 年的汽车数据的 javascript 文件，但我不知道如何使用 jQuery Ajax 获取数据。我尝试使用 jQuery Ajax 的文档，但不知道该怎么做

还有另一个指向 csv 文件的 GitHub 链接，但我找不到任何可以帮助我使用 javascript/jquery 将 csv 数据检索到选择框的内容

单选选项是表单之后的页面，因此只需按提交即可看到它。

我将不胜感激任何帮助（：

codepen: https://codepen.io/Jackson-Grove/pen/zYQKNWx

带有 js 文件的 GitHub：https://github.com/anthonycoded/vehicles-data-json

带有 csv 文件的 Github：https://github.com/abhionlyone/us-car-models-data

Answer 1

很难看到您测试的内容。这里我从 GitHub 获取原始文件。内容是 JavaScript 的和平版本，因此您必须使用内容作为

eval()

函数的参数。这将返回一个数组。

我知道不建议使用

eval()

，但我认为，这是你唯一的选择。

fetch('https://raw.githubusercontent.com/anthonycoded/vehicles-data-json/main/1992.js')
  .then(res => res.text())
  .then(text => {
    let arr = eval(text);
    document.querySelector('ul')
      .innerHTML = arr.map(car => `<li>${car.model}</li>`).join('');
  });

<ul>
</ul>