Parse data from Vue to express

Question

If I have some data in my Vue I want to parse to my express server, how can this be done? E.g. in the example below, I want to parse what I currently console log in my vue function, to the variable "id" on my server side

expressApp.post('/delete' , function (request, response) {

    const id = request.body.id;
    console.log(id)

        MongoClient.connect(url, function (err, db) {

            if (err) throw err;
            let dbo = db.db(dbName);

            dbo.collection("Members").deleteOne({"_id": objectId(id)}, function (err, res) {
                if (err) throw err;
                db.close();
            });
        });
    response.redirect('/agileApp');
    });


t: function (index) {
            fetch(membersUrl).then(function(response) {
                return response.json();
            }).then(function (data) {
                const formData = new FormData();
                formData.append("id", data[index]._id);
                for (var pair of formData.entries()) {
                    console.log(pair[0]+ ', ' + pair[1]);
                }

                fetch(deleteUrl, {
                    method: 'POST',
                    body: formData
                })
            })
        }

topdev87 · Accepted Answer · 2020-11-01 13:23:14Z

1

expressApp.post('/delete' , function (request, response) {

    const id = request.body.id; // <--- get id from the request body

        MongoClient.connect(url, function (err, db) {

            if (err) throw err;
            let dbo = db.db(dbName);

            dbo.collection("Members").deleteOne({"_id": objectId(id)}, function (err, res) {
                if (err) throw err;
                db.close();
            });
        });
    response.redirect('/agileApp');
    });


t: function (index) {
            fetch(membersUrl).then(function(response) {
                return response.json();
            }).then(function (data) {
                const formData = new FormData();
                formData.append("id", data[index]._id);

                fetch('/delete', {
                  method: 'POST', // <---fetch POST method
                  body: formData
                })
            })
        }

edited Nov 1, 2020 at 13:23

answered Nov 1, 2020 at 13:16

topdev87

8,7913 gold badges11 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

18 Comments

egx Over a year ago

Thank you. It says "const id" is undefined though.

topdev87 Over a year ago

it maybe another issue in your express app.

topdev87 Over a year ago

did you set body-parser ?

egx Over a year ago

Yes I should have npm installed body-parser. Is this the correct way to call it: "<form action="/delete" method="post"> <button type="submit" class="buttons btn btn-outline-danger" @click="ts(index)"><i class="fa"></i> Delete</button> </form>

topdev87 Over a year ago

yes, to check if your backend express app is working properly, try to request /delete api using postman.

|

Collectives™ on Stack Overflow

Parse data from Vue to express

1 Answer 1

18 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

18 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related