Update Mongodb with node js and express

Question

Hello
After doing the tutorial "User Authentication With Express and Mongo"
https://teamtreehouse.com/library/user-authentication-with-express-and-mongo
I am trying to add an edit page where I can change the name field.
But I am having problems with the routing, can anyone please help?
here is the routing I added:
javascript
router.get('/edit', mid.requiresLogin, function(req, res, next) {
  User.findById(req.session.userId)
      .exec(function (error, user) {
        if (error) {
          return next(error);
        } else {
          return res.render('edit', { title: 'edit', name:user.name, user:user._id });
        }
      });
});
router.put('/edit', mid.requiresLogin, function(req, res) {
user.findByIdAndUpdate({_id: req.params.id},
                     {
            name: req.body.name
         });   
});

And here is the edit.pug:
```
extends layout
block content
  .main.container.clearfix
    h1 Editing #{name}'s profile!
    form(method="POST", action="/edit")
     input(type="hidden", name="_method", value="PUT")
     p Name:
      input#name.form-control(type='text', value='#{name}')
     p
      input(type="submit")
```

Seth Kroger · Accepted Answer

As you've found, browsers can only make GET and POST requests. It require a trick of two to make a PUT or DELETE request, but these methods need to be supported on the server-side to work. Express doesn't support overriding the HTTP verb by default.  That functionality is left to, you guessed it, middleware. You can add a middleware called method-override (https://github.com/expressjs/method-override) to do what you want. It parses the _method=PUT out of the url, and not the POST body be default, but the README shows how to do the latter.
In app.js:
```js
var methodOverride = require('method-override')
// // override with POST having ?method=PUT
app.use(methodOverride('method'))
```
Then in edit.pug:
```jade
extends layout
block content
  .main.container.clearfix
    h1 Editing #{name}'s profile!
    //- We add method=PUT to the URL instead of a hidden input.
    form(method="POST", action="/edit?method=PUT")
     p Name:
      input#name.form-control(type='text', value=name name="name")
     p
      button.btn.btn-primary(type="submit") Save
```

Mike Lundahl · Answer

I'm trying to do the same. But using react. Not working for me for some reason.. Anything special to think about using react instead of pug?

shelley barak · Answer

I got it to work.
I had also an issue with the routing.
Here is the fixed routing:
```javascript
router.put('/edit', function(req, res) { 
User.findByIdAndUpdate(req.session.userId, 
    {name: req.body.name}, 
    function(err, response){
        console.log(response);
        res.redirect('/edit');
}); 
  });
```
Thank you Seth Kroger

Welcome to the Treehouse Community

Looking to learn something new?

shelley barak

shelley barak

Update Mongodb with node js and express

3 Answers

Seth Kroger

Seth Kroger

shelley barak

shelley barak

Mike Lundahl

Mike Lundahl