要在JavaScript中調用MySQL數據庫，您需要創建一個后端服務（例如使用Node.js和Express框架）來與數據庫進行通信。然后，您可以使用AJAX或Fetch API在前端JavaScript中請求這些服務。

以下是一個簡單的示例，說明如何使用Node.js和Express框架創建后端服務，以及如何在JavaScript中使用Fetch API調用MySQL數據庫。

1. 首先，確保您已安裝了Node.js。接下來，創建一個新的項目文件夾，然后在該文件夾中運行以下命令以初始化項目并安裝所需的依賴項：

npm init -y
npm install express mysql body-parser

2. 在項目文件夾中創建一個名為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數據庫的實際憑據。

3. 現在，我們將創建一個簡單的API端點，該端點將查詢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表名。

4. 運行服務器：

node app.js

現在，您的服務器正在監聽端口3000上的請求。

5. 在前端JavaScript中，您可以使用Fetch API調用此API端點并獲取數據。例如，在HTML文件中的<script>標簽內，添加以下代碼：

fetch('http://localhost:3000/api/data')
  .then((response) => response.json())
  .then((data) => console.log(data))
  .catch((error) => console.error('Error:', error));

當您訪問包含此代碼的頁面時，它將從MySQL數據庫獲取數據并在瀏覽器控制臺中顯示結果。

請注意，這只是一個簡單的示例，實際應用程序可能需要處理更復雜的查詢和錯誤處理。此外，為了提高安全性，建議使用環境變量存儲敏感信息，如數據庫憑據，并使用CORS策略允許來自前端的請求。