Как реализовать подтверждение обработки формы?

Question

[heducose]

Есть форма на фронтенде (Vue).
После сабмита, форма обрабатывается на сервере (Express), и он отправляет ее содержимое на мою почту.

Как реализовать вывод об успешной обработки на клиент?

Фронт и бэкенд - отдельные приложения на разных доменах.

Answer 1

[Evgeny Kulakov]

А в чем проблема? У вас через ajax обмен идет? Возвратите ответ после обработки сервером. На основании ответа покажите успех/неудачу пользователю.

Comments

[heducose]

Почему-то ответ не возвращается. Показывает pending в ДевТулз

[heducose]

smtpTransport.sendMail(mailOptions, function(err, res) {
    if(err) {
      console.log(err)
    } else {
      console.log('Message sent')
      res.status(201).send({
                    status: 'OK'
                  })
    }
    res.status(201).send({
                  status: 'OK'
                })
  // smtpTransport.close()
  })

[heducose]

'Message sent' - в консоль исполняется, но на клиенте по прежнему pending

[Evgeny Kulakov]

Проверьте антивирусы, фэйрволы, возможно они блокируют ответ.

[heducose]

Какие антивирусы, Линукс))

[heducose]

Другие ответы приходят...

[Evgeny Kulakov]

Не уверен, что посмотрел нужную доку, но по ней второй параметр колбэка это не респосн.

[heducose]

Респонс. Я починил это таким костылем, не знаю норм ли для продакшена?

smtpTransport.sendMail(mailOptions, function(error, response) {
    if(error) {
      console.log(error)
    }
    else {
      console.log(response)
      if (response.accepted.length !== 0) {
        res.sendStatus(200)
      }
    }
  })

Прикол в том, что nodemailer возвращает свой response. Я его чекаю, там приходит пустой array если не успешная отправка, если не пустой - то делаю res.sendStatus.

Так что вернулись к теме вопроса)))

Итак, я жду успешного ответа от сервера и показываю Вью ответ? Это все в этом же методе реализовать? Где слушать ответ?

[heducose]

Все, дошло. У axios же есть .then!

Answer 2

[timokins]

Ваша проблема в том, что Вы пытаетесь отправить ответ через объект res (response), который принадлежит не expressjs, а nodemailer, а он не обладает нужными методами и не отправляет ответ от сервера.

Comments

[heducose]

Вы правы. Как починить? Я пока такое придумал

smtpTransport.sendMail(mailOptions, function(error, response) {
    if(error) {
      console.log(error)
    }
    else {
      console.log(response)
      if (response.accepted.length !== 0) {
        res.sendStatus(200)
      }
    }
  })