在前端開發中，經常需要對數據庫進行操作。而MySQL是廣泛使用的關系型數據庫之一。本文將介紹如何使用JavaScript取得MySQL數據庫中的數據，以便于我們在前端進行展示。

首先，我們需要在MySQL數據庫中創建一張表格，以便于存儲我們需要的數據。以下是創建表格的代碼：

CREATE TABLE `students` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(20) DEFAULT NULL,
`age` int(11) DEFAULT NULL,
`gender` varchar(10) DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

上面的代碼創建了一個名為“students”的表格，包含“id”、“name”、“age”和“gender”四個字段。其中，“id”是主鍵，類型為整數，“name”和“gender”類型為字符串，而“age”類型為整數。

接下來，我們需要使用JavaScript連接MySQL數據庫，并從中取得數據。以下是連接數據庫的代碼：

const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: '',
database: 'test'
});
connection.connect();

上面的代碼使用了Node.js中的“mysql”模塊，并創建了一個名為“connection”的連接對象。在連接對象中，我們需要設置數據庫的地址、用戶名、密碼和要連接的數據庫名。

接著，我們可以通過“connection”對象的“query()”方法查詢數據庫中的數據。以下是查詢數據的代碼：

connection.query('SELECT * FROM students', function (error, results, fields) {
if (error) throw error;
console.log(results);
});
connection.end();

上面的代碼可以取得“students”表格中的所有數據，并將數據打印到控制臺中。在查詢數據后，我們需要關閉與數據庫的連接，以避免資源浪費。

以上就是如何使用JavaScript取得MySQL數據庫中的數據的基本操作。我們可以根據自身需求來更改代碼，以實現更加靈活的數據庫操作。