Update Operation in MongoDB with NodeJs

Question

I am working on a Blog WebSite with CRUD operation I am able to achieve CRD operations but have issues with update One.

Issue:-

When I click on the edit button it opens the compose tab with the textfile loaded successfully but when I click on update it redirects to the home page but nothing Update, Please help me get out from this.

//This is the code for edit & Update Route 
        app.get("/posts/:postId/edit", (req, res) => {
      Post.findById(req.params.postId, (err, post) => {
        if (err) {
          console.log(err);
        } else {
          res.render("edit", { post: post });
        }
      });
    });
    app.post("/posts/:postId/edit", (req, res) => {
      Post.findByIdAndUpdate(
        req.params.postId,
        {
          $set: {
            title: req.body.title,
            content: req.body.content,
          },
        },
        (err, update) => {
          if (err) {
            console.log(err);
          } else {
            console.log("Post Updated");
            res.redirect("/");
          }
        }
      );
    });

Form for the Edit/Update

//This is the Edit ejs file containing the update form 
 <form action="/posts/<%=post._id%>/edit/?_method=PUT" method="post">
            <div class="mb-3">
                <label for="post-title">Title</label>
                <input class="form-control" id="post-title" name="postTitle" type="text" placeholder="Input title"
                    required autocomplete="off" value="<%=post.title%>">
            </div>
            <div class="mb-3">
                <label for="postcontent">Post</label>
                <textarea class="form-control text-area" id="postcontent" name="blog" rows="4" cols="50" required
                    placeholder="Start writing your blog ..............."><%=post.content%></textarea>
            </div>
            <button class="btn btn-primary publish-btn" type="submit" name="button">Update</button>
        </form>

yes it is correct

Akhilesh Kumar Mishra
– Akhilesh Kumar Mishra

2022-03-11 13:53:22 +00:00
Commented Mar 11, 2022 at 13:53 — Akhilesh Kumar Mishra
– Akhilesh Kumar Mishra, Commented Mar 11, 2022 at 13:53
My issue resolved thanks for your time

Akhilesh Kumar Mishra
– Akhilesh Kumar Mishra

2022-03-11 14:08:12 +00:00
Commented Mar 11, 2022 at 14:08 — Akhilesh Kumar Mishra
– Akhilesh Kumar Mishra, Commented Mar 11, 2022 at 14:08

Apoorva Chikara · Accepted Answer · 2022-03-11 14:14:29Z

Your error is from the Ejs

You didn’t rename your req.body well to match your incoming data

You were meant to be used title instead of postTitle

And content instead of blog

Just edit your ejs to this and test gee

 <form action="/posts/<%=post._id%>/edit/?_method=PUT" method="post">
        <div class="mb-3">
            <label for="post-title">Title</label>
            <input class="form-control" id="post-title" name=“title" type="text" placeholder="Input title"
                required autocomplete="off" value="<%=post.title%>">
        </div>
        <div class="mb-3">
            <label for="postcontent">Post</label>
            <textarea class="form-control text-area" id="postcontent" name="content" rows="4" cols="50" required
                placeholder="Start writing your blog ..............."><%=post.content%></textarea>
        </div>
        <button class="btn btn-primary publish-btn" type="submit" name="button">Update</button>
    </form>

If this answers your question mark it as done

Collectives™ on Stack Overflow

Update Operation in MongoDB with NodeJs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related