如何使用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');
    }
 });

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章