如何使用express框架搭建node服务，并在浏览器请求服务，简单体验前后交互的流程的js代码

var express = require('express');//引入express框架
var path = require('path');//引入path路径
var app = express();//实例化对象
//引用body-parser对From提交表单进行数据格式化
var bodyparser = require('body-parser');//引用body 对数据模板化
app.use(bodyparser.json());//对body传参数据进行处理
app.use(bodyparser.urlencoded({extended:false}));//参数加密的处理，进行解密
//表单提交的数据
app.post('/e',function(req,res){
var name = req.body.name;//获取表单提交的name值
var age = req.body.age;//获取表单提交的name值
console.log(name +' '+ age)//打印获取到的name值和age值
var info ={
name:name,
age:age
}
console.log(user);
if(name && age){
user.unshift(info);
res.status(200).json({success:true, msg:"添加成功"})
console.log(user);
}else{
res.status(200).json({success:false, msg:"添加失败"})
}
//    console.log(user);
//    // console.log(name!=null);
})
var user = [
{name:'ttt', age:17 },
{name:'mengyanyan', age:17},
{name:'xiaomming',  age:20},
];
//路由传参返回值
app.get('/d/:id',function(req,res){
var id = req.params.id;//获取请求路由传参的id
console.log(id);
if( id>=0 && id<user.length){//对id进行校验
var info = user[id]
res.status(200).json({success:true,msg:'',obj:info })
}else{
res.status(200).json({success:false,msg:'查无此人',obj: {} })
}
});
//这是PostGet请求方式，使用all方法，注意每次编写代码需要重新启动服务
app.all('/c',function(req,res){
res.send('这是all(get/post)数据');
});
//get请求方式
app.get('/a',function(req,response){
//    res.send('这是从服务器get回来的数据');
var stu = [
{name:'zhngsan', age : 23},
{name:'lisi', age : 21},
{name:'zz', age : 23}
];
response.send(stu);
var n =n.stu.name
console(n);
});
//post请求方式
app.post('/b',function(request,response){
var url = request.url;
console.log(url);
response.status(200).send('这是从服务器post回来的数据');
});
var PathName = path.join(__dirname,'views');//拼接路径

//默认一个网页的静态访问地址
app.use(express.static(path.join(PathName)));

app.use('/deatil',function(request,response){//地址栏请求页面
response.status(200).sendFile(path.join(PathName,'deatil.html'));
});
//地址栏请求页面方式出错页面，status（）状态码设置
app.use('*',function(request,response){
response.status(404).sendFile(path.join(PathName,'err.html'));
});
app.listen('7070',function(err){
if(err){
console.log('监听失败');
throw err;
}else{
console.log('服务器已开启，端口号:7070');
}
});

如有什么不明白的欢迎留言

• 点赞 1
• 收藏
• 分享
• 文章举报