将请求编辑不更新到数据库中，但也没有错误答案

【问题标题】：Put request edits not updating in database but no error either将请求编辑不更新到数据库中，但也没有错误
【发布时间】：2021-10-17 10:30:18
【问题描述】：

我的数据库有我可以创建和删除的“事件”，但突然失去了编辑它们的能力。其他所有请求类型都有效，即使我提交编辑，路由也不会显示错误，并且我被重定向到正确的页面。我在下面包含了来自我的 routes-> events.js 的两个编辑请求（get 和 put），以及我的删除请求，因为那个请求工作得很好。

/* serves the edit form */
router.get('/:id/edit', isLoggedIn, catchAsync(async(req, res,) => {
    const event = await Event.findById(req.params.id);
    if (!event) {
        req.flash('error', 'Cannot find that Event');
        return res.redirect('/events');
    }
    res.render('events/edit', { event });
}));

/* route that isn't pushing edits to the db */
router.put('/:id', isLoggedIn, catchAsync(async (req, res) => {
    const { id } = req.params;
    const event = await Event.findByIdAndUpdate(id, { ...req.body.event });
    res.redirect(`/events/${event.id}`);
}))

/* delete a post - works just fine */
router.delete('/:id', isLoggedIn, catchAsync(async (req, res) => {
    const{ id } = req.params;
    await Event.findByIdAndDelete(id);
    res.redirect('/events');
}))

这是表格：

<% layout('layouts/boilerplate')%>
<div class="row">
    <h1 class="text-center">Edit Event</h1>
    <div class="col-md-6 offset-md-3">
        <form action="/events/<%=event.id%>?_method=PUT" method="POST" novalidate class="validated-form"
            <div class="mb-3">
                <label class="form-label" for="title">Title</label>
                <input class="form-control" type="text" id="title" name="event[event_name]"
                    value="<%=event.event_name %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label" for="location">Location</label>
                <input class="form-control" type="text" id="location" name="event[location]"
                    value="<%=event.location %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <button class="btn btn-primary">Update event</button>
            </div>
        </form>
        <a href="/events/<%= event.id%>">Back To event</a>
    </div>
</div>

我做错了什么？

【问题讨论】：

标签： javascript node.js mongodb mongoose crud

【解决方案1】：

好的 - 我一发布问题就明白了（喜欢它的工作原理）。

我的表单字段与数据库架构不匹配。将表单控制字段更新为以下内容：

<% layout('layouts/boilerplate')%>
<div class="row">
    <h1 class="text-center">Edit Event</h1>
    <div class="col-md-6 offset-md-3">
        <form action="/events/<%=event.id%>?_method=PUT" method="POST" novalidate class="validated-form"
            <div> class="mb-3">
                <label class="form-label" for="event[event_name]">Title</label>
                <input class="form-control" type="text" id="event[event_name]" name="event[event_name]"
                    value="<%=event.event_name %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label" for="event[location]">Location</label>
                <input class="form-control" type="text" id="event[location]" name="event[location]"
                    value="<%=event.location %>" required>
                <div class="valid-feedback">
                    Looks good!
                </div>
            </div>
            <div class="mb-3">
                <button class="btn btn-primary">Update event</button>
            </div>
        </form>
        <a href="/events/<%= event.id%>">Back To event</a>
    </div>
</div>

【讨论】：