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

如有什麼不明白的歡迎留言

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