1. 增加

    使用 post 当时
    传参
    前端

    1. axios.post('/reg',{
    2. user:user.value,
    3. pwd:pwd.value
    4. }).then(res=>{
    5. if(res.data.code == 1){
    6. alert(res.data.msg)
    7. }else{
    8. alert(res.data.msg)
    9. }
    10. })

    后台

    1. let { user , pwd } = req.body // 接受参数 前提使用中间价解析 app.use(express.json())
    1. 删除

    通过id删除
    发送delete方式接口
    前端

    1. axios.delete('/del',{
    2. params:{
    3. id:e.target.dataset.id
    4. }
    5. }).then(res=>{
    6. init()
    7. })

    后台

    1. let { id } = req.query 解析参数
    2. list.forEach((item,index)=>{
    3. if(item.id == id){ // 通过如果id相同 取到下标则删除
    4. list.splice(index, 1)
    5. }
    6. })
    7. fs.writeFileSync('./list.json',JSON.stringify(list)) // 重新写入
    8. res.send({
    9. code:1,
    10. msg:"删除完成"
    11. })

    前端
    通过put方式接口 类似于post请求

    1. axios.put('/edit',{
    2. ids:ids.value,
    3. user:user.value,
    4. datetime:datetime.value,
    5. }).then(res=>{
    6. if(res.data.code == 1 ){
    7. window.location.href = '/list.html'
    8. }
    9. })

    后台

    1. let {ids,user,datetime } = req.body // 解析参数
    2. list.forEach((item) => { // 循环判断
    3. if(item.id == ids){ 如果id相同 则重新赋值
    4. item.user = user,
    5. item.datetime = datetime
    6. }
    7. })
    8. res.send({
    9. code:1,
    10. msg:"更新完成"
    11. })

    4.查
    前端
    通过get请求方式 params里面写参数

    1. axios.get('/getInfo',{
    2. params:{
    3. id:id
    4. }
    5. }).then(res=>{
    6. if(res.data.code == 1 ){
    7. let arr = res.data.list
    8. ids.value = arr[0].id
    9. user.value = arr[0].user
    10. datetime.value = arr[0].datetime
    11. }
    12. })

    后台

    1. let { id } = req.query //解析参数
    2. let newarr = list.filter(item=>{ // 匹配 如果ID相同则返回
    3. return item.id == id
    4. })
    5. res.send({
    6. code:1,
    7. list:newarr
    8. })