关于web前端通过js获取后端mysql数据库数据的一个方法

本文介绍: 你可以把它理解成一个运行在服务器端的脚本，负责响应请求，就像饭店的厨师，而js就像前台负责给顾客点菜的人。

关于web 前端 通过 js 获取后端mysql 数据库 数据的一个 方法

问题 引入

关于html的教程很多，关于mysql的教程也很多，那么怎么让html 展示 mysql的数据呢？

一言以蔽之

实现

js 代码

   // 使用 fetch 发起 GET 请求
    fetch('http://127.0.0.1:3000/api/login', {
        method: 'POST',
        headers: {
            'Content-type': 'application/json'
        },
        body: JSON.stringify(data) //data是传递给后端的数据
    })
    .then(response =&gt; {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data =&gt; {
        // 处理从服务器获取到的数据
        console.log(data);
        if(data.status == false){
            Error.innerHTML = "username not exists or password wrong";
        }
        else{
            alert("success!");
        }
    })
    .catch(error =&gt; {
        // 处理请求错误
        console.error('Error:', error);
    });

后端nodejs 代码

//登陆
app.post('/api/login', (req, res) =&gt; {
    const data = req.body;
    //这个pool是创建的mysql连接池，这里没展出来，不懂可以百度如何创建
    pool.query('select * from users where username = ?',[data.username], (error,results) =&gt; {
        if (error) {
            console.error('Error querying database:', error);
            res.status(500).send('Internal Server Error');
            return;
        }
        console.log(results);
        if(results.length == 0){
            res.json({status: false});
        }
        else{
            if(results[0].password != data.password){
                res.json({status: false});
            }
            else{
                res.json({status: true,id:results[0].id});
            }
        }
    })
});