Блог

Главная - Вопросы по программированию - Синтаксический анализ данных из Vue в express

Синтаксический анализ данных из Vue в express

#javascript #express #vue.js #parsing

#javascript #экспресс #vue.js #синтаксический анализ

Вопрос:

Если у меня есть какие-то данные в моем Vue, которые я хочу проанализировать на своем экспресс-сервере, как это можно сделать? Например, в приведенном ниже примере я хочу проанализировать то, что я в настоящее время регистрирую в консоли в своей функции vue, в переменную «id» на стороне моего сервера

 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
                })
            })
        }

Ответ №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
                })
            })
        }

Комментарии:

1. Спасибо. Однако в нем говорится, что «const id» не определен.

2. возможно, это еще одна проблема в вашем приложении express.

3. вы установили body-parser?

4. Да, у меня должен быть установлен npm-анализатор тела. Правильно ли это называть: «<form action=»/delete» method=»post»> <тип кнопки =»отправить» class=»кнопки btn btn-контур-опасность» @click=»ts(index)»><i class=»fa»>amp;#xf014;</i> Удалить</button> </form>

5. да, чтобы проверить, правильно ли работает ваше серверное приложение express, попробуйте запросить / удалить api с помощью postman.