hiroto2020 2021-12-30 15:10 采纳率: 66.7%
浏览 360
已结题

前端浏览器页面无法识别require()方法,写好的数据库连接查询方法只能在nodejs里运行,数据无法给到前端页面,怎么办(语言-javascript)

刚刚接触web开发,遇见问题:写好的JS文件可以在nodejs里运行,查询数据库里的数据,但是如果引用到前端页面,浏览器无法识别require()方法,那如果是这样的话,我该怎么实现将数据库里的数据传到前端页面显示呢?

这是我写好的load_data.js,在nodejs里可以运行,实现对数据库数据定时的查询

let mysql = require("mysql");
const db_config={
    host:"localhost",
    user:"root",
    password:"root",
    port:"3306",
    database:"om"
}

var con=mysql.createConnection(db_config);
//开始链接数据库
con.connect(function(err){
    if(err){
        console.log(`mysql连接失败: ${err}!`);
    }else{
        console.log("mysql连接成功!");
    }
});
//基本的查询语句
sqlQuery="select * from wendu";
con.query(sqlQuery,function(err,result){
    if(err){
        console.log(`SQL error: ${err}!`);
    }else{
        console.log(result);
        // closeMysql(connect);
    }
});

//查询成功后关闭mysql
function closeMysql(connect){
    con.end((err)=>{
        if(err){
            console.log(`mysql关闭失败:${err}!`);
        }else{
            console.log('mysql关闭成功!');
        }
});
}

    setInterval(function () {
        con.query(sqlQuery,(err,result)=>{
        if (err) return console.log(err.message)
            console.log(result)
        });
        },5000);

前端html的对load_data.js的引用

   <script src="/static/index/js/load_data.js"></script>

运行结果及报错内容

img

我的解答思路和尝试过的方法

webpack 打包相关模块也会报各种其他错误;

我想要达到的结果

定时查询数据库里的数据并返给前端页面

  • 写回答

1条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-30 15:15
    关注

    你这样当然不行了,可以写个node接口,启个端口号,前端发送请求,接口返回获取到的数据
    https://www.cnblogs.com/yiyangl/p/10307485.html
    https://www.cnblogs.com/yanxiafei/p/11352803.html


    如有帮助,麻烦点个【采纳此答案】 谢谢啦~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 1月7日
  • 已采纳回答 12月30日
  • 创建了问题 12月30日

悬赏问题

  • ¥30 代码本地运行正常,但是TOMCAT部署时闪退
  • ¥15 关于#python#的问题
  • ¥15 主机可以ping通路由器但是连不上网怎么办
  • ¥15 数据库一张以时间排好序的表中,找出多次相邻的那些行
  • ¥50 关于DynamoRIO处理多线程程序时候的问题
  • ¥15 kubeadm部署k8s出错
  • ¥15 Abaqus打不开cae文件怎么办?
  • ¥20 双系统开机引导中windows系统消失问题?
  • ¥15 小程序准备上线,软件开发公司需要提供哪些资料给甲方
  • ¥15 关于生产日期批次退货退款,库存回退的问题