node.js + ajax 请求后台数据

@胖虎的博客

Node.JS

首先来看看node.js是什么 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型

利用express框架搭建node.js服务器

需要了解一下后端的分层

需要用到的模块如下:
mysql
–dev
morgan
body-parser

代码比较多上部分核心代码:

//  代码比较多上部分核心代码:
// 使用express框架搭建服务器
const express=require("express");
const logger=require("morgan");
const favicon =require("serve-favicon");
const bodyparser=require("body-parser");

// 这里导入路由文件
const rotuer=require("./router/userRouter");
// 使用express 得到对象
const myhtml=express();
// 配置日志文件
myhtml.use(logger("dev"));
myhtml.use(bodyparser.urlencoded({extended:false}));
myhtml.use(bodyparser.json());
// 使用路由模块
myhtml.use(rotuer);
// 配置静态文件
myhtml.use(express.static(__dirname+"/src"));
// 开启端口监听
myhtml.listen(8989,function(){
   console.log("WebSever is Strating..");
   console.log("http://127.0.0.1:8989/index.html")
})

从数据库拿数据,配置数据库dbConfig

 module.exports={
    db(sql,data,fn){
        let db=mysqlModule.createConnection({
            host:"127.0.0.1",
            port:"3306",
            user:"root",
            password:"root",
            database:"demo"
        })
        db.connect();
        db.query(sql,data,fn);
        db.end();
    }
 }

SQL查询

//这里需要了解一下简单的sql语句 增删改查
 module.exports={
     serchJosn(data,fn){
        dbConfig.db(`SELECT u_id,u_user,u_pwd,u_name FROM t_usertable`,data,(err,data)=>{
            fn(err,data);
        })
     }
 }

路由配置

router.get("/josn",user.serchJosn);
module.exports=router;

获得请求回来的数据

 module.exports={
    serchJosn(req,resp){
        userDao.serchJosn([],(err,data)=>{
            console.log(data);
            if(!err){
                resp.send(data);
            }else{
                resp.send("sorry try aginan!")
            }
        })
    }
 }

ajax请求

//当页面刷新时就要开始发起请求
window.onload=function(){
			$.ajax({
				type:"get",
				url:"/josn",
				// dataType:"Josn",
				error:()=>{
					alert("Network problem!Try again later!");
				},
				success:(data)=>{
					console.log(data);
					for(let i in data){
						console.log(data[i]);
					}
				}
			})
		}

访问服务器就可以看到请求回来的数据了

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值