使用Javascript和MYSQL的Springboot

我正在springboot中创建一个运行良好的过滤器页面。当我将javascript添加到html页面以使用.change事件侦听器进行查询时，我希望在提交表单之前使用此查询实时显示可用结果。看起来是这样的（较短的版本，否则它只是var声明，这不是问题的一部分）

我想找到一种方法来使用这个查询，JAVASCRIPT端，根据userinput在.change eventlistener上更改可用的结果，上面的变量在我的变量“wholeQuery”中

我使用代码

const mysql = require((["mysql"]))
const db = mysql.createConnection({
    host : "localhost",
    user : "*****",
    password: "*****",
    database: "mydb"
})
console.log(db)

但是得到错误：

    Uncaught Error: Script error for "mysql"
    https://requirejs.org/docs/errors.html#scripterror
        at makeError (require.js:5)
        at HTMLScriptElement.onScriptError (require.js:5)

---

问题是我无法通过Javascript连接到我的SQL数据库，除了上面的方法，还有其他方法吗？我正在使用大多数其他线程推荐的解决方案，但在我的情况下不起作用，因为我的项目不是node.js项目。

我有点困惑，为什么要在javascript中直接连接到MySQL？如果在Springboot中有一个API调用，js端会与之对话以获得这个API调用，这不是更有意义吗？从您的代码片段判断，您是否有某种node.js项目

---

如果您使用的是Springboot，我认为您需要创建一个与MySQL对话的API，这样您的javascript就会调用API（使用类似于maybe？）的东西。我有点困惑，为什么要在javascript中直接连接到MySQL？如果在Springboot中有一个API调用，js端会与之对话以获得这个API调用，这不是更有意义吗？从您的代码片段判断，您是否有某种node.js项目

---

如果您使用的是Springboot，我认为您需要创建一个与MySQL对话的API，这样您的javascript将调用API（使用类似于maybe的东西？

您能让问题陈述更清楚吗？您能让问题陈述更清楚吗？您好，这听起来是一个很好的解决方案。我之所以想将它连接到javascript，是因为我认为这是最简单的方法（可能不是）。我将尝试制作一个api来检索信息。谢谢API将更加安全，将来可能被其他产品使用。您的流程将如下所示：mysql>springboot（jdbc或hikari驱动程序与mysql>front end node js项目对话，类似Axios对spring boot服务进行api调用。您好，这听起来是一个很好的解决方案。我之所以想将其连接到javascript，是因为我认为这是最简单的方法（可能不会）。我将尝试制作一个api来检索信息。谢谢！该api将更加安全，将来可能会被其他产品使用。您的流程将如下所示：mysql>springboot（使用jdbc或hikari驱动程序与mysql>前端节点js项目对话，类似Axios对spring引导服务进行api调用。

    Uncaught Error: Script error for "mysql"
    https://requirejs.org/docs/errors.html#scripterror
        at makeError (require.js:5)
        at HTMLScriptElement.onScriptError (require.js:5)