Mandrill Email with Variable from extra javascript

Question

我们试图在下面通过MANDRILL发送的电子邮件中包含模态正文。 我们如何将模态体变量添加到电子邮件中，类似于名称、电子邮件和消息。 （我们正在使用完整日历）非常感谢！

],
     eventClick: function(event) {
  console.log(event)
    // alert(event.start.format('MMMM Do YYYY'))
  var start = event.start.format('MMMM Do YYYY'),
    end = event.end.format('MMMM Do YYYY'),
    html = '<p>Starts: ' + start + '<p>';
  html += '<p>Ends: ' + end + '<p>';
  var modal = $("#modal");
  modal.find(".modal-title").html(event.title);
  modal.find('.modal-body').html(html)
  modal.modal();
    }
});
});
});//]]> 
jQuery(function($)  
{
$("#contact_form").submit(function()
{
var content = $("modal").text();
    var email = $("#email").val(); // get email field value
    var name = $("#name").val(); // get name field value
    var msg = $("#msg").val(); // get message field value
    $.ajax(
    {
        type: "POST",
        url: "https://mandrillapp.com/api/1.0/messages/send.json",
        data: {
            'key': 'API',
            'message': {
                'from_email': "[e-mail]",
                'from_name': "name",
                'headers': {
                    'Reply-To': "email@emailcom"
                },
                'subject': 'Confirmation -  Sign Up',
                'text':   modal, 
                'to': [
                {
                    'email': email,
                    'name': name,
                    'type': 'to'
                }]
            }
        }
    })
    .done(function(response) {
        alert('You have been signed up. Thank you!'); // show success message
        $("#name").val(''); // reset field after successful submission
        $("#email").val(''); // reset field after successful submission
        $("#msg").val(''); // reset field after successful submission
       var content = $("modal").text();
            document.writeln(content);
    })
    .fail(function(response) {
        alert('Error sending message.');
    });

Answer 1

您是否正在尝试直接从 JavaScript 发送 api 请求？ 如果是这样，您将向最终用户公开您的 API 密钥，这根本不好。

这不是IMO的正确方式。使用用户数据向后端发送请求，然后可以从后端发送 mandrill API 请求。

Answer 2

通过这个，它解释了如何使用 Mandrill 发送动态模板。

您可以使用车把来添加动态内容。另一种方法是在 HTML 标记中使用mc:edit属性将标记内容替换为动态内容。

首先，您需要在 Mandrill 帐户上上传您的电子邮件模板。添加带有mc:edit属性的标记，如下所示：

<span mc:edit="email">[e-mail]</span>

并在您的电子邮件通话中包括以下内容：

 "template_content": [
        {
            "name": "email", //attribute value that you pass in your email template.
            "content": "[e-mail]" //pass your dynamic email value here
        }
    ],

下面是示例 api 调用。

对于您的情况：

 .....
        $.ajax(
            {
                type: "POST",
                url: "https://mandrillapp.com/api/1.0/messages/send.json",
                data: {
                    'key': 'API',
                     "template_content": [
                    {
                        "name": "email", //attribute value that you pass in your email template.
                        "content": "[e-mail]" //pass your dynamic email value here
                    },
                  ..... //You can pass multiple object similarly here 
                ],
                    'message': {
                        'from_email': "[e-mail]",
                        'from_name': "name",
                        'headers': {
                            'Reply-To': "email@emailcom"
                        },
                        'subject': 'Confirmation -  Sign Up',
                        'text':   modal, 
                        'to': [
                        {
                            'email': email,
                            'name': name,
                            'type': 'to'
                        }]
                    }
                }
            })
    .....

希望对您有所帮助。