初识nodejs 前后数据交互，获取数据库数据。

最新推荐文章于 2024-06-13 00:09:31 发布

能c能v

最新推荐文章于 2024-06-13 00:09:31 发布

阅读量4.8k

点赞数 2

分类专栏： nodejs JavaScript 原创文章标签： nodejs

本文链接：https://blog.csdn.net/qq_43391160/article/details/101175650

版权

原创同时被 3 个专栏收录

51 篇文章 0 订阅

订阅专栏

JavaScript

13 篇文章 0 订阅

订阅专栏

nodejs

3 篇文章 0 订阅

订阅专栏

1.环境

如果你已经做到数据交互，那么环境就不是问题啦，自己上菜。

2.接收前台数据mysqldb.js。

let db = require('mysql')
let express = require('express')

let app = express()

app.all('*',function(req,res,next){

    res.header('Access-Control-Allow-Origin','*')

    next()
})

let connection = db.createConnection({
    host:'localhost',
    user:'root',
    password:'123',
    database:'web'
})

connection.connect(); 

let  sql = 'SELECT * FROM myweb_user';

connection.query(sql,  (error, results, fields)=> {
    if (!error) {
        app.get('/',(req,res)=>{
           //将数据库信息返回前台
            res.json(results)

            console.log('正在访问接口……')
            // 打印前台数据
            // console.log(req.query)
            console.log(req.query)
          }).listen(3002)
    }
  });

连接数据库那一段不知道是否可有可无，没去验证（个人觉得其服务器就可以）其中console.log(req.query)是打印接收的前台数据，反正是接收到数据啦，如有更好的方法请指教，谢谢（i 小白）

3.发送数据给后台xx.html。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div>
        <label for="">用户名:</label>
        <input type="text" class="name">
    </div>
    <div>
        <label for="">密码:</label>
        <input type="password" class="pwd">
    </div>
    <div><button class="">登陆</button></div>

</body>
</html>
<script src="kam/js/jquery-3.4.1.js"></script>
<script>
    $('.btn').click(function(){

       let name = $('.name').val()
       let pwd = $('.pwd').val()
       
       let data = {'username':name,'pwd':pwd}

       $.ajax({
           url:'http://127.0.0.1:3002/',
           type:'get',
           dataType:'json',
           data:data,
       })

    })

</script>

前台输入：

后台打印：

如有错，请各位指教，谢谢。

能c能v

关注

2
点赞
踩
29

收藏

觉得还不错? 一键收藏
1
评论
初识nodejs 前后数据交互，获取数据库数据。

1.环境如果你已经做到数据交互，那么环境就不是问题啦，自己上菜。2.接收前台数据mysqldb.js。let db = require('mysql')let express = require('express')let app = express()app.all('*',function(req,res,next){ res.header('Acces...
复制链接

扫一扫

专栏目录