Jammmの日常-JamPang Jammm的日常,Jampang的日常,Jampang,Jam日志,Share daily life and what I learnt,日常,代码,笔记本电脑推荐,台式机配置单

MongoDB+nodejs修改页面传值问题

⚠️ 本文最后更新于2020年03月16日,已经过了2092天没有更新,若内容或图片失效,请留言反馈

MongoDB+nodejs修改页面传值问题


问题

修改页面的input传值,通过访问后台接口回来的数据填写input的value

解决

MongoDB查询返回结果是数组,我们先看下返回的数据
图片1
我们可以看到返回的数据有三个err,msg,data
这三个是后端路由返回的尤其是这个data
我们在看看ajax代码的部分

$.post('http://localhost:3000/food/getInfoById',{_id:foodid},(data)=>{
        if(data.err==0){
            console.log(data)
            $('#name').attr('value',data.data[0].name)
            $('#price').attr('value',data.data[0].price)
            $('#desc').attr('value',data.data[0].desc)
            $('#typename').attr('value',data.data[0].typename)
            $('#typeid').attr('value',data.data[0].typeid)
            $('#img').attr('src',`http://localhost:3000${data.data[0].img}`)
        }else{
            alert('读取失败,请刷新页面')
        }
    })

这边执行完毕后有个data,这个json中就是这三个数值err,msg,data
所以要调用里面的值就是data.data[0].key

第一个data是ajax返回的data可以理解为对象,第二个data是后端把数据封装在了data里,因为返回的是个数组所以再加上[0](多个数据可以循环用index),后面就是接的key了。

成功后
图片2

By Jammm On