js写入mysql数据库中

基础概念

JavaScript（JS）是一种广泛使用的脚本语言，主要用于网页和网络应用的前端开发。MySQL是一种流行的关系型数据库管理系统（RDBMS），用于存储和管理数据。将JavaScript与MySQL结合使用，通常需要通过后端服务器来实现数据的交互。

类型

同步写入：客户端发送请求到服务器，服务器处理请求并将数据写入MySQL数据库，然后返回响应给客户端。
异步写入：客户端发送请求到服务器，服务器异步处理请求并将数据写入MySQL数据库，客户端不需要等待服务器的响应即可继续操作。

应用场景

Web应用：在Web应用中，用户通过前端界面进行操作，JavaScript将用户的操作数据发送到后端服务器，后端服务器再将数据写入MySQL数据库。
实时系统：在需要实时更新数据的系统中，如在线聊天、实时监控等，JavaScript可以实时将数据发送到服务器，服务器再将数据写入MySQL数据库。

示例代码

以下是一个简单的示例，展示如何使用Node.js和MySQL进行数据写入：

安装依赖

首先，需要安装Node.js和MySQL的相关依赖包：

npm install express mysql

后端代码

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

const app = express();
app.use(express.json());

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'your_username',
  password: 'your_password',
  database: 'your_database'
});

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

app.post('/add', (req, res) => {
  const { name, age } = req.body;
  const sql = 'INSERT INTO users (name, age) VALUES (?, ?)';
  connection.query(sql, [name, age], (err, result) => {
    if (err) return res.status(500).send(err);
    res.status(200).send('Data inserted successfully!');
  });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

前端代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Insert Data</title>
</head>
<body>
  <h1>Insert Data into MySQL</h1>
  <form id="insertForm">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <label for="age">Age:</label>
    <input type="number" id="age" name="age">
    <button type="submit">Insert</button>
  </form>

  <script>
    document.getElementById('insertForm').addEventListener('submit', (event) => {
      event.preventDefault();
      const name = document.getElementById('name').value;
      const age = document.getElementById('age').value;

      fetch('/add', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ name, age })
      })
      .then(response => response.text())
      .then(data => {
        alert(data);
      })
      .catch(error => {
        console.error('Error:', error);
      });
    });
  </script>
</body>
</html>