基本上，你使用 jQueryajax()在您自己的自定义 HTML 表单上访问与 MailChimp API 通信的 PHP 文件。 MailChimp 的响应通过 Ajax 返回到您的原始表单，因此无需重定向或刷新。但是，如果您想重定向，只需更改 jQuery ajax 函数即可。
即使您不使用 PHP，它也很可能安装在您的服务器上。您的用户永远不会看到 PHP 文件；它们只是在后端使用。
资料来源：我之前发布的一个答案... https://stackoverflow.com/questions/5025455/some-basic-mailchimp-api-examples-required
摸索了一段时间后，我找到了一个使用 PHP 示例和 jQuery 的网站。由此，我能够使用 jQuery 创建一个简单的 HTML 页面，其中包含基本的注册表单。 PHP 文件“隐藏”在后台，用户永远看不到它们，但 jQuery 仍然可以访问和使用。
1) 在此处下载 PHP 5 jQuery 示例...
http://apidocs.mailchimp.com/downloads/mcapi-simple-subscribe-jquery.zip http://apidocs.mailchimp.com/downloads/mcapi-simple-subscribe-jquery.zip
如果您只有 PHP 4，只需下载 MCAPI 1.2 版本并替换相应的MCAPI.class.php上面的文件。
http://apidocs.mailchimp.com/downloads/mailchimp-api-class-1-2.zip http://apidocs.mailchimp.com/downloads/mailchimp-api-class-1-2.zip
2) 按照自述文件中的说明，将您的 API 密钥和列表 ID 添加到store-address.php文件放在正确的位置。
3) 您可能还想收集您的用户姓名和/或其他信息。您必须将一个数组添加到store-address.php文件使用相应的合并变量。
这是我的store-address.php文件看起来像是我还收集名字、姓氏和电子邮件类型的地方：
<?php
function storeAddress(){
require_once('MCAPI.class.php'); // same directory as store-address.php
// grab an API Key from http://admin.mailchimp.com/account/api/
$api = new MCAPI('123456789-us2');
$merge_vars = Array(
'EMAIL' => $_GET['email'],
'FNAME' => $_GET['fname'],
'LNAME' => $_GET['lname']
);
// grab your List's Unique Id by going to http://admin.mailchimp.com/lists/
// Click the "settings" link for the list - the Unique Id is at the bottom of that page.
$list_id = "123456a";
if($api->listSubscribe($list_id, $_GET['email'], $merge_vars , $_GET['emailtype']) === true) {
// It worked!
return 'Success! Check your inbox or spam folder for a message containing a confirmation link.';
}else{
// An error ocurred, return error message
return '<b>Error:</b> ' . $api->errorMessage;
}
}
// If being called via ajax, autorun the function
if($_GET['ajax']){ echo storeAddress(); }
?>
4) 创建 HTML/CSS/jQuery 表单。它不需要位于 PHP 页面上。
这是我的index.html文件看起来像：
<html>
<head>
<title>Welcome</title>
<style type="text/css" media="screen">
body { font-size: 16px; }
input { font-size: 16px; }
.textinput { width: 300px; height: 20px; }
#message { color: #8e2c30; font-size: 15px; font-weight: bold; padding: 10px; border: solid 1px #6d6e70; }
</style>
</head>
<body>
<div style="width:550px;">
<div style="text-align:right;">
<b>Sign Up for the Newsletter:</b><br />
<br />
<form id="signup" action="index.html" method="get">
First Name: <input type="text" name="fname" id="fname" class="textinput" value="" />
<br />
Last Name: <input type="text" name="lname" id="lname" class="textinput" value="" />
<br />
email Address (required): <input type="email" name="email" id="email" class="textinput" value="" />
<br />
<input type="radio" name="emailtype" value="html" checked="checked">HTML <input type="radio" name="emailtype" value="text">Text <input type="radio" name="emailtype" value="mobile">Mobile Device<br />
<br />
<input type="submit" id="SendButton" name="submit" class="textinput" value="Submit" />
</form>
</div>
<div id="message">
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var emailEntered,
fnameVal,
lnameVal,
emailtypeVal;
$(document).ready(function() {
$("#SendButton").click(function() {
$(".error").hide();
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var emailaddressVal = $("#email").val();
if(emailaddressVal == '') {
$("#message").html('<span class="error">Enter your email address before submitting.</span>');
return false;
}
else if(!emailReg.test(emailaddressVal)) {
$("#message").html("<span class='error'>That is not an email address. Typo?</span>");
return false;
}
else {
emailEntered = escape($('#email').val());
}
fnameVal = escape($("#fname").val());
lnameVal = escape($("#lname").val());
emailtypeVal = $('input:radio[name=emailtype]:checked').val();
});
$('#signup').submit(function() {
$("#message").html("<span class='error'>Adding your email address...</span>");
$.ajax({
url: 'inc/store-address.php', // proper url to your "store-address.php" file
data: 'ajax=true&email=' + emailEntered +'&fname=' + fnameVal + '&lname=' + lnameVal + '&emailtype=' + emailtypeVal,
success: function(msg) {
$('#message').html(msg);
}
});
return false;
});
});
</script>
</body>
</html>
所需件...
索引.html如上或类似构造。使用 jQuery，外观和选项是无穷无尽的。
商店地址.php文件作为 Mailchimp 站点上 PHP 示例的一部分下载，并使用您的API KEY and LIST ID。您需要将其他可选字段添加到数组中。
MCAPI.class.php从 Mailchimp 站点下载的文件（PHP 5 为 1.3 版，PHP 4 为 1.2 版）。将其放在与您的目录相同的目录中商店地址.php或者您必须更新其中的 url 路径商店地址.php所以它可以找到它。
