要在JavaScript中调用MySQL数据库,您需要创建一个后端服务(例如使用Node.js和Express框架)来与数据库进行通信。然后,您可以使用AJAX或Fetch API在前端JavaScript中请求这些服务。
以下是一个简单的示例,说明如何使用Node.js和Express框架创建后端服务,以及如何在JavaScript中使用Fetch API调用MySQL数据库。
npm init -y
npm install express mysql body-parser
app.js
的文件,并添加以下代码以设置Express服务器和MySQL连接:const express = require('express');
const mysql = require('mysql');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
const db = mysql.createConnection({
host: 'localhost',
user: 'your_username',
password: 'your_password',
database: 'your_database'
});
db.connect((err) => {
if (err) throw err;
console.log('MySQL connected!');
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});
请确保将your_username
、your_password
和your_database
替换为您的MySQL数据库的实际凭据。
app.js
中添加以下代码:app.get('/api/data', (req, res) => {
const sql = 'SELECT * FROM your_table';
db.query(sql, (err, results) => {
if (err) throw err;
res.json(results);
});
});
请确保将your_table
替换为您要查询的MySQL表名。
node app.js
现在,您的服务器正在监听端口3000上的请求。
<script>
标签内,添加以下代码:fetch('http://localhost:3000/api/data')
.then((response) => response.json())
.then((data) => console.log(data))
.catch((error) => console.error('Error:', error));
当您访问包含此代码的页面时,它将从MySQL数据库获取数据并在浏览器控制台中显示结果。
请注意,这只是一个简单的示例,实际应用程序可能需要处理更复杂的查询和错误处理。此外,为了提高安全性,建议使用环境变量存储敏感信息,如数据库凭据,并使用CORS策略允许来自前端的请求。