Dropdown JSON数据获取

// 发起Ajax请求获取JSON数据
$.ajax({
  url: 'http://example.com/data.json', // 服务器端提供JSON数据的URL
  type: 'GET',
  dataType: 'json',
  success: function(data) {
    // 数据获取成功后的处理逻辑
    populateDropdown(data); // 调用函数填充下拉菜单
  },
  error: function(xhr, status, error) {
    // 数据获取失败后的处理逻辑
    console.error('Error: ' + error);
  }
});

function populateDropdown(data) {
  var dropdown = $('#dropdown'); // 下拉菜单元素的选择器
  dropdown.empty(); // 清空下拉菜单

  // 遍历JSON数据，生成下拉菜单选项
  $.each(data, function(index, item) {
    dropdown.append($('<option></option>').val(item.value).text(item.label));
  });
}

const express = require('express');
const app = express();

// 处理客户端的GET请求，返回JSON数据
app.get('/data.json', (req, res) => {
  const data = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' }
  ];
  res.json(data);
});

// 启动服务器，监听指定端口
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});