js操作mysql 数据库

基础概念

JavaScript（JS）是一种广泛使用的脚本语言，主要用于网页和网络应用的前端开发。MySQL是一种流行的关系型数据库管理系统（RDBMS），用于存储和管理数据。JS操作MySQL数据库通常涉及在前端通过AJAX请求与后端服务器通信，后端服务器再与MySQL数据库进行交互。

类型

同步操作：传统的同步操作方式，但现代应用中较少使用，因为会导致页面卡顿。
异步操作：通过AJAX请求与后端通信，后端再与数据库交互，这种方式更为常见。

应用场景

Web应用：动态展示数据，如新闻列表、用户信息等。
单页应用（SPA）：实时更新数据，如聊天应用、股票行情等。

示例代码

以下是一个简单的示例，展示如何通过Node.js和Express框架操作MySQL数据库。

后端代码（Node.js + Express + MySQL）

const express = require('express');
const mysql = require('mysql');

const app = express();
const port = 3000;

// 创建MySQL连接
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

// 连接到MySQL
connection.connect((err) => {
  if (err) throw err;
  console.log('Connected to MySQL database!');
});

// 创建一个简单的路由来获取数据
app.get('/data', (req, res) => {
  const sql = 'SELECT * FROM users';
  connection.query(sql, (err, result) => {
    if (err) throw err;
    res.json(result);
  });
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

前端代码（HTML + JavaScript）

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>JS操作MySQL示例</title>
</head>
<body>
  <h1>用户列表</h1>
  <ul id="userList"></ul>

  <script>
    fetch('http://localhost:3000/data')
      .then(response => response.json())
      .then(data => {
        const userList = document.getElementById('userList');
        data.forEach(user => {
          const li = document.createElement('li');
          li.textContent = `${user.name} - ${user.email}`;
          userList.appendChild(li);
        });
      })
      .catch(error => console.error('Error:', error));
  </script>
</body>
</html>