在选择一个选择框后加载sql数据？

// 监听选择框的变化事件
document.getElementById('selectBox').addEventListener('change', function() {
    // 获取选择框的值
    var selectedValue = this.value;
    
    // 发起 AJAX 请求，将选择框的值传递给后端
    // 示例使用 jQuery 的 AJAX 方法发送请求
    $.ajax({
        url: '/load-sql-data',
        method: 'POST',
        data: {selectedValue: selectedValue},
        success: function(response) {
            // 根据后端返回的数据进行处理
            // 可以将数据渲染到页面中的表格或列表等元素中
        },
        error: function(error) {
            console.log('Error:', error);
        }
    });
});

// 引入依赖
const express = require('express');
const mysql = require('mysql');

// 创建数据库连接
const connection = mysql.createConnection({
    host: '数据库主机名',
    user: '数据库用户名',
    password: '数据库密码',
    database: '数据库名'
});

// 创建 Express 应用
const app = express();

// 处理前端发送的加载 SQL 数据的请求
app.post('/load-sql-data', (req, res) => {
    const selectedValue = req.body.selectedValue;
    
    // 构造 SQL 查询语句
    const sql = `SELECT * FROM tableName WHERE column = '${selectedValue}'`;
    
    // 执行查询
    connection.query(sql, (error, results, fields) => {
        if (error) {
            console.log('Error:', error);
            res.status(500).send('Internal Server Error');
            return;
        }
        
        // 处理查询结果并返回给前端
        res.json(results);
    });
});

// 启动应用
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});