Node.js MySQL连接仅命令提示符下可用，嵌入PHP页面失效求助

嘿，别担心，新手遇到这种跨环境的问题太正常啦！咱们先搞清楚问题出在哪，再一步步解决～

• 你在PHP页面的<script>里写的是浏览器端JavaScript，但require()、mysql模块都是Node.js服务器端特有的API/模块，浏览器根本不认识这些东西！代码执行到var conn = require('./conn');就会报错卡住，自然弹不出第二个alert，数据库也不会有数据插入。
• 你直接运行node test.js能成功，是因为那是在Node.js服务器环境里执行的，所有Node.js专属的API和模块都能正常工作。

浏览器无法直接连接MySQL，也不能运行Node.js模块，所以必须借助服务器端代码来完成数据库操作。这里给你两种简单可行的方案：

方案1：纯PHP处理数据库插入 #

既然你已经在用PHP页面，直接用PHP实现插入逻辑是最快捷的：

1. 修改testing.php的代码，把JavaScript里的数据库操作换成AJAX请求PHP接口：

<script>
function testalert() {
    alert("alert1");
    // 用AJAX请求PHP接口执行插入
    fetch('insert.php')
        .then(response => response.text())
        .then(data => {
            console.log(data);
            alert("alert2");
        })
        .catch(err => {
            console.error('请求出错:', err);
            alert('插入失败');
        });
}
</script>
<input type="button" onclick="testalert();">

2. 新建insert.php文件，编写PHP的MySQL插入逻辑（这里用mysqli为例，你也可以用PDO）：

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "tgs";

// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 执行插入SQL
$sql = "INSERT INTO chat_line (line_text) VALUES ('test')";
if ($conn->query($sql) === TRUE) {
    echo "新记录插入成功";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}

// 关闭连接
$conn->close();
?>

方案2：用Node.js编写API接口，前端AJAX调用 #

如果你更倾向于用Node.js处理数据库，可以把Node.js做成一个简单的HTTP接口：

1. 编写Node.js服务文件server.js：

const express = require('express');
const connection = require('./conn');
const app = express();
const port = 3000;

// 定义插入数据的接口
app.get('/insert', (req, res) => {
    const sql = "INSERT INTO chat_line (line_text) VALUES ('test')";
    connection.query(sql, (err, result) => {
        if (err) {
            console.error(err);
            res.status(500).send('插入失败');
            return;
        }
        res.send('插入成功');
    });
});

// 启动服务
app.listen(port, () => {
    console.log(`服务运行在 http://localhost:${port}`);
});

注意：需要先安装express模块，执行命令npm install express。
2. 启动Node.js服务：node server.js
3. 修改testing.php里的JavaScript，请求这个Node.js接口：

function testalert() {
    alert("alert1");
    fetch('http://localhost:3000/insert')
        .then(response => response.text())
        .then(data => {
            console.log(data);
            alert("alert2");
        })
        .catch(err => {
            console.error('请求出错:', err);
            alert('插入失败');
        });
}

• 浏览器端JS和Node.js是完全不同的运行环境，千万不要把Node.js的代码直接放到浏览器的<script>标签里运行！
• 如果Node.js服务和PHP页面不在同一端口/域名下，还需要处理跨域问题，本地测试时尽量保持在同一环境下。

内容的提问来源于stack exchange，提问作者Kar Wai