提交按钮后如何在http post响应中添加成功消息

Question

我正在使用 nodemailer 和 express...

我想在表单是否正在提交时添加文本消息并在前端加载。

.ts

  sendMail(value) {    
    console.log('email sent');    
    // this.form.reset();
    const data = {
        to: 'xxxx@gmail.com',
        subject: this.name,
        txt:  'Email:' + this.email + 
              'Name:' + this.name + 
              'Message:' + this.message
    };
    return this.http.post('http://localhost:3000/api/mail/contact', data).subscribe(      
      data => console.log(data)      
    );
  }

Answer 1

试试这个：

 sendMail(value) {    
    console.log('email sent');    
    // this.form.reset();
    const data = {
        to: 'xxxx@gmail.com',
        subject: this.name,
        txt:  'Email:' + this.email + 
              'Name:' + this.name + 
              'Message:' + this.message
    };
    return this.http.post('http://localhost:3000/api/mail/contact', data).subscribe(      
      data => {alert(data)},Error => {alert("failed data")}    
    );
  }

您还可以使用 bootstrap 4 警报（或其他）：https://www.w3schools.com/bootstrap4/bootstrap_alerts.asp