Mailchimp Ajax 订阅列表答案

【问题标题】：Mailchimp Ajax subscribe to listMailchimp Ajax 订阅列表
【发布时间】：2016-05-30 14:24:38
【问题描述】：

我正在尝试像这样订阅我的 Mailchimp 列表

<form method="post" action="https://us10.api.mailchimp.com/2.0/lists/subscribe.json" id="mailChimpForm">
   <div class="col-lg-6 col-sm-6" data-scrollreveal="enter left after 0s over 1s" data-sr-init="true" data-sr-complete="true">
      <input type="text" name="FNAME" placeholder="Your name (optional)" class="form-control input-box">
   </div>
      <input type="email" name="EMAIL" placeholder="Your email address" required="required" class="form-control input-box">
   </div>
   <button class="btn btn-primary custom-button green-btn" type="submit" data-scrollreveal="enter right after 0s over 1s" data-sr-init="true" data-sr-complete="true">Sign me up!</button>
</form>

ajax代码是这样的

$('#mailChimpForm').submit(function (e) {
    e.preventDefault();

    var payload =   {
        "apikey": "------------",
        "id": "244169",
        "email": {
            "email": "me@example.com"
        },
        "send_welcome": false
    };
    payload = JSON.stringify(payload);

    console.log($(this).attr('action'))

    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: payload,
        success: function (data) {
            console.log(data);
        },
        error: function (error) {
            console.log(error);
        }
    });
});

但我得到了这个错误

https://us10.api.mailchimp.com/2.0/lists/subscribe.json。请求的资源上没有“Access-Control-Allow-Origin”标头

谁能告诉我我做错了什么，为我指明正确的方向？

【问题讨论】：

标签： jquery ajax mailchimp

【解决方案1】：

因为这个叫做CORS 的东西，你不能这样做。此外，在面向客户端的代码中包含私有 API 密钥通常是不好的做法，例如您编写的这个 Javascript。

我会查看像 AjaxChimp 这样的库。我希望您不需要这个答案，并且您能够弄清楚，但是对于所有其他人...

【讨论】：