当前位置：首页 > news >正文

网站设计制作的特点有哪些window优化大师

news 2025/8/1 21:15:57

网站设计制作的特点有哪些,window优化大师,国家域名注册,网站源码可以做淘宝客关于web前端通过js获取后端mysql数据库数据的一个方法问题引入关于html的教程很多，关于mysql的教程也很多，那么怎么让html展示mysql的数据呢？ 一言以蔽之前端通过js向后端发起一个http请求，后端响应这个请求并返回数据实…

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

问题引入

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

一言以蔽之

前端通过js向后端发起一个http请求，后端响应这个请求并返回数据

实现

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 => {if (!response.ok) {throw new Error('Network response was not ok');}return response.json();}).then(data => {// 处理从服务器获取到的数据console.log(data);if(data.status == false){Error.innerHTML = "username not exists or password wrong";}else{alert("success!");}}).catch(error => {// 处理请求错误console.error('Error:', error);});

后端nodejs代码

//登陆
app.post('/api/login', (req, res) => {const data = req.body;//这个pool是创建的mysql连接池，这里没展出来，不懂可以百度如何创建pool.query('select * from users where username = ?',[data.username], (error,results) => {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});}}})
});