有没有办法将mailchimp简单(一个电子邮件输入)与AJAX集成,因此没有页面刷新,也没有重定向到默认的mailchimp页面.
此解决方案无法使用jQuery Ajax POST无法使用MailChimp
谢谢
什么是订阅用于Mailchimp列表的完整jQuery解决方案?
问题是大多数解决方案要么使用库,要么需要服务器端代码.我想要一个快速优雅的解决方案,它让我完全控制UI,因此表单的UX和它的功能.
我见过其他几个这样的问题,但是他们没有解决这个问题.我使用MailChimp的API进行简单调用,在注册时将成员添加到我的邮件列表中.
但是,当我测试时,我获得了401未授权,并且API抱怨没有提交API密钥.当我在Chrome中检查请求时,我看不到任何授权标头.这是我的代码:
const formData = {
email_address: this.emailControl.value,
status: 'subscribed',
merge_fields: {
NAME: this.nameControl.value
}
};
const header = new HttpHeaders({
'Authorization': 'apikey:' + environment.mailChimpApiKey
});
this.http.post(this.mailChimpUrl, formData, {
headers: header,
observe: 'response'
}).subscribe(response => {
console.log('response', response);
if (response.status === 200) {
this.submitted = true;
}
});
Run Code Online (Sandbox Code Playgroud)
我检查并仔细检查了HttpClient.post方法签名,以及MailChimp API如何期望接收Auth头.看起来我做的一切都正常,为什么Angular不设置标题?
我注意到值仅Access-Control-Request-Headers在我设置可选标头时发生变化.我在读Chrome控制台错了吗?
角度版本:5.2.4
ajax ×2
mailchimp ×2
angular ×1
forms ×1
http ×1
javascript ×1
jquery ×1
newsletter ×1
subscribe ×1