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');
}
});
如何使用express框架搭建node服務,並在瀏覽器請求服務,簡單體驗前後交互的流程的js代碼
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.