配置 Java sendMail 以使用已经具有函数的按钮

Configuring Java sendMail to work with button that already has a function

本文关键字：函数 按钮 sendMail Java 配置      更新时间：2023-09-26

我们的网站上有一个调度系统。

我们正在尝试对其进行设置，以便当有人单击按钮以及按钮已有的命令时，它将通过 Mandrill 发送电子邮件。

当前该按钮位于类下，.bookingjs-form-button .我们的问题是，我们如何指定以下 java/jQuery 以仅与.bookingjs-form-button一起使用。 该系统是嵌入式的，我们可以访问除HTML之外的所有内容，这就是为什么我们不能简单地执行以下操作的原因。

提前感谢！

.HTML

<form name="mail">
  <input type="button" value="Click!" onClick="sendMail()">
</form>

JavaScript

function sendMail() {
  $.ajax({
    type: "POST",
    url: "https://mandrillapp.com/api/1.0/messages/send.json",
    data: {
      'key': 'YOUR_KEY',
      'message': {
        'from_email': 'YOUR_SENDER@example.com',
        'to': [{
          'email': 'YOUR_RECEIVER@example.com',
          'name': 'YOUR_RECEIVER_NAME',
          'type': 'to'
        }],
        'subject': 'title',
        'html': 'html can be used'
      }
    }
  });
}

您的代码正在运行，但您可以像这样使用它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id='send'>Send</div>
<script>
  $('#send').click(function() {
    $.ajax({
      type: "POST",
      url: "https://mandrillapp.com/api/1.0/messages/send.json",
      data: {
        'key': 'YOUR_KEY',
        'message': {
          'from_email': 'YOUR_SENDER@example.com',
          'to': [{
          'email': 'YOUR_RECEIVER@example.com',
          'name': 'YOUR_RECEIVER_NAME',
          'type': 'to'
        }],
        'subject': 'title',
        'html': 'html can be used'
      }
    }
  });
 });
</script>
相关文章：