ajaxChimp (ok)

https://github.com/basilico/jquery-ajaxchimp

C:\xampp\htdocs\windows\index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- Begin MailChimp Signup Form -->
  <div id="mc_embed_signup">
    Form 1
    <form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate subscribe" target="_blank" novalidate>
      <div id="mc_embed_signup_scroll">
        <div class="mc-field-group">
          <label for="mce-EMAIL">Email Address </label>
          <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
        </div>
        <div id="mce-responses" class="clear">
          <div class="response" id="mce-error-response" style="display:none"></div>
          <div class="response" id="mce-success-response" style="display:none"></div>
        </div>
        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
        <div style="position: absolute; left: -5000px;"><input type="text" name="b_88179bccb52af04eb42b11da2_0316d82e30" tabindex="-1" value=""></div>
        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
      </div>
    </form>
  </div>
  <!--End mc_embed_signup-->
  <hr>
  <div>
    Form 2
    <form class="subscribe-2">
      <input type="email">
      <div class="response" id="email-response" style="display:none"></div>
    </form>
  </div>
  <script src="jquery.min.js"></script>
  <script src="jquery.ajaxchimp.js"></script>
  <script src="jquery.ajaxchimp.langs.js"></script>
  <script src="test.js"></script>
</body>
</html>

C:\xampp\htdocs\windows\test.js

$(document).ready(function() {
  $('.subscribe').attr('action', 'https://work.us20.list-manage.com/subscribe/post?u=99dd59ca18e94ced829d10c4e&amp;id=ddf38752d8');
  var a = $('.subscribe').ajaxChimp();
  a.done(function(data, textStatus, jqXhr, form) {
    console.log(data);
  });
  $('.subscribe-2').ajaxChimp({
    language: 'vi',
    errorSelector: '#email-response',
    successSelector: '#email-response',
    url: 'https://work.us20.list-manage.com/subscribe/post?u=99dd59ca18e94ced829d10c4e&amp;id=ddf38752d8',
    token: 'b_88179bccb52af04eb42b11da2_0316d82e30'
  });
});

PreviousHow to use the MailChimp API with PHP NextAjax Mailchimp Integration In WordPress Without Plugin

Last updated 3 years ago

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>  <div id="mc_embed_signup"> Form 1 <form method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate subscribe" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <div class="mc-field-group"> <label for="mce-EMAIL">Email Address </label> <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div>  <div style="position: absolute; left: -5000px;"><input type="text" name="b_88179bccb52af04eb42b11da2_0316d82e30" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> </div>  <hr> <div> Form 2 <form class="subscribe-2"> <input type="email"> <div class="response" id="email-response" style="display:none"></div> </form> </div> <script src="jquery.min.js"></script> <script src="jquery.ajaxchimp.js"></script> <script src="jquery.ajaxchimp.langs.js"></script> <script src="test.js"></script> </body> </html>

$(document).ready(function() { $('.subscribe').attr('action', 'https://work.us20.list-manage.com/subscribe/post?u=99dd59ca18e94ced829d10c4e&id=ddf38752d8'); var a = $('.subscribe').ajaxChimp(); a.done(function(data, textStatus, jqXhr, form) { console.log(data); }); $('.subscribe-2').ajaxChimp({ language: 'vi', errorSelector: '#email-response', successSelector: '#email-response', url: 'https://work.us20.list-manage.com/subscribe/post?u=99dd59ca18e94ced829d10c4e&id=ddf38752d8', token: 'b_88179bccb52af04eb42b11da2_0316d82e30' }); });