0

我正在尝试使用以下代码段将用户订阅到我的 mailchimp 列表：

function subscribeUser(name, email) {
  var xhr = new XMLHttpRequest();
  var endpoint = 'https://<dc>.api.mailchimp.com/3.0/lists/<list>/members/';
  var data = {};
  data.email_address = email;
  data.status = "subscribed";
  data.merge_fields = {};
  data.merge_fields.NAME = name;
  xhr.open("POST", endpoint, true);
  xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhr.setRequestHeader("Authorization", "apikey <key>");
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
      alert(xhr.responseText);
    }
  }
  xhr.send(data);
}

它在 chrome 中生成此错误：

我无法编写基于 ajax 的服务来更新列表。因为你们没有添加访问控制标头。我无法使用现代浏览器向您的端点发送简单的 xhr。

XMLHttpRequest cannot load https://<dc>.api.mailchimp.com/3.0/lists/<list>/members/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access. The response had HTTP status code 501.

我的是一个静态网站，我想保持这种状态。不需要后端，托管在 github 上。所以我需要一个JS解决方案。

4

1 回答 1

0

他们目前不允许客户端访问他们的 API。他们在评论中对类似问题的回应：

我们不支持通过客户端 Javascript 访问 API，以避免将 API 密钥传递给用户的安全问题。

于 2016-09-22T03:23:47.573 回答