node-前后端交互

1.使用get请求方式

var express = require("express");
//创建一个新的服务器
var newExp = express();
//设置使用的静态文件夹
newExp.use(express.static("./public"));
//设置端口号
new.listen(5050,function(){
    console.log("http://localhost:5050");
})
//静态文件夹中没有login的文件,会使用该接口
newExp.get('/login',function(request,resolve){
    //获取前端传输的数据
    console.log(request.query);
    //返回前端的数据 send():一般用来向前端返回一段字符串,json():用来返回一个json对象
    resolve.send({message:"成功"})
})

2.使用post请求方式

var express = require("express");
var bodyPsr = require("body-parser")
//创建一个新的服务器
var newExp = express();
//设置使用的静态文件夹
newExp.use(express.static("./public"));
//设置端口号
new.listen(5050,function(){
    console.log("http://localhost:5050");
})
//前端传递的过来的数据如果是对象的话,需要加上这个
newExp.use(bodyParser.json());
newExp.use(bodyPar.urlencoded({ extended: false });

//静态文件夹中没有login的文件,会使用该接口
newExp.post('/login',function(request,resolve){
    //获取前端传输的数据
    console.log(request.body);
    //返回前端的数据
    resolve.send({message:"成功"})
})

两者的区别:1.post引入了body-parser模块;

                    2.post需要newExp.use(bodyPar.urlencoded({ extended: false });

                     3.get中获取前端的数据是request.queryl;post中是request.body;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值