- 增加
使用 post 当时
传参
前端
axios.post('/reg',{
user:user.value,
pwd:pwd.value
}).then(res=>{
if(res.data.code == 1){
alert(res.data.msg)
}else{
alert(res.data.msg)
}
})
后台
let { user , pwd } = req.body // 接受参数 前提使用中间价解析 app.use(express.json())
- 删除
通过id删除
发送delete方式接口
前端
axios.delete('/del',{
params:{
id:e.target.dataset.id
}
}).then(res=>{
init()
})
后台
let { id } = req.query 解析参数
list.forEach((item,index)=>{
if(item.id == id){ // 通过如果id相同 取到下标则删除
list.splice(index, 1)
}
})
fs.writeFileSync('./list.json',JSON.stringify(list)) // 重新写入
res.send({
code:1,
msg:"删除完成"
})
- 改
前端
通过put方式接口 类似于post请求
axios.put('/edit',{
ids:ids.value,
user:user.value,
datetime:datetime.value,
}).then(res=>{
if(res.data.code == 1 ){
window.location.href = '/list.html'
}
})
后台
let {ids,user,datetime } = req.body // 解析参数
list.forEach((item) => { // 循环判断
if(item.id == ids){ 如果id相同 则重新赋值
item.user = user,
item.datetime = datetime
}
})
res.send({
code:1,
msg:"更新完成"
})
4.查
前端
通过get请求方式 params里面写参数
axios.get('/getInfo',{
params:{
id:id
}
}).then(res=>{
if(res.data.code == 1 ){
let arr = res.data.list
ids.value = arr[0].id
user.value = arr[0].user
datetime.value = arr[0].datetime
}
})
后台
let { id } = req.query //解析参数
let newarr = list.filter(item=>{ // 匹配 如果ID相同则返回
return item.id == id
})
res.send({
code:1,
list:newarr
})