当前位置: 首页 > 知识库问答 >
问题:

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

鲁鸿
2023-03-14

我正在使用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)      
    );
  }

共有1个答案

江凯风
2023-03-14

试试这个:

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

您也可以使用引导4警报(或其他):https://www.w3schools.com/bootstrap4/bootstrap_alerts.asp

 类似资料:
  • 问题内容: 我正在使用ASP.net Web应用程序。 我有一个带有提交按钮的表格。提交按钮的代码如下所示。 我想写如下内容: 我该怎么做呢? 问题答案: 你最好做… 如果返回,则您的表单不会提交。 您可能还应该将事件处理程序从内联移动。

  • 问题内容: 我正在遵循HTML代码: AJAX jQuery代码如下: 我想通过更改选择控件(用于制造商选择的选择控件)的值来进行AJAX函数调用时使提交按钮禁用,并且应该禁用它,直到收到AJAX成功响应为止。当收到AJAX成功响应时,用户应该能够单击“提交”按钮。如何实现呢?提前致谢。 问题答案: 对于 禁用 为 使 像下面的功能

  • 问题内容: 我只是试图在我的注释点添加一个细节按钮而被卡住,不幸的是,我不知道该怎么做。有人可以帮我吗? 下图显示了我想要实现的目标。谢谢! MapKitViewController: 问题答案: 您做对了,您只需要实现这些方法即可添加按钮以及标题和副标题 iOS 8和Xcode 6 查看我的输出。

  • 我有一个简单表单,有四个输入字段(联系人id,电话号码,姓名,称呼)。如果我输入'contact id'&按Enter按钮,字段的其余部分将自动填充,从DB检索。现在我想在表单中添加一个“Submit”按钮,这样就可以通过单击该按钮将这些信息保存到另一个DB表中。我已经尝试添加按钮,但自动填充功能不再起作用了。有人能帮忙吗?提前致谢:)下面是我的index.html文件:

  • 我是新手颤动,我使用Firebase消息发送通知到设备,我们使用Web API发送请求到Firebase发送通知和Firebase发送通知到Android。我想在通知标题和身体显示两个按钮(接受和拒绝)像瓦特应用程序通知标记为已读选项我想要这样的东西。 我添加的Android清单文件: 颤振码 Web api服务代码

  • 问题内容: 我的网站上有一个jqgrid(版本3.5.3),它是通过对Web服务的Ajax调用获取结果的。查询通常很复杂,加载结果需要花费几秒钟的时间。加载时,用户会看到一个框[Loading …]。 如果用户意识到他们在搜索错误的内容,则客户端要求向网格添加一个取消按钮,这将: 使网格忘记刚刚请求的数据 保留先前搜索中已加载的结果 似乎没有内置任何功能,因此我可能正在寻找一些技巧来实现这一目标。