Mailchimp subscribe using jQuery AJAX?

by

@Nagra’s solution is good but it will throw an error when executed from the client’s browser due to the Same-Origin Security Policies in effect. In essence, these security measures are there to prevent cross site requests that occur when the originator and the sender are on different domains.

If you see errors like the below in the javascript console it is a clear indication.

XMLHttpRequest cannot load http://YOUR-MAILCHIMP-URL. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin http://BROWSER-LOCATION is therefore not allowed access.

To overcome this problem the script needs to be rewritten to utilize CORS or JSONP. As the MailChimp API does not support CORS the only option is the undocumented JSONP interface.

Change the URL to utilize the /subscribe/post-json? version and also append &c=? to the end. Once the URL is updated you will also need to modify the dataType in the JSON hash to be jsonp

The updated first few lines of the function should resemble the below.

$.ajax({
    url: '//YOUR URL&id=YOUR LIST ID&c=?',
    data: $('#YOUR FORM').serialize(),
    dataType: 'jsonp',

More Related Contents:

  1. Determine if $.ajax error is a timeout
  2. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  3. Pass array to ajax request in $.ajax() [duplicate]
  4. Pass request headers in a jQuery AJAX GET call
  5. TypeError: $.ajax(…) is not a function?
  6. jQuery loop over JSON result from AJAX Success?
  7. Jquery – How to make $.post() use contentType=application/json?
  8. Calling a ‘WebMethod’ with jQuery in ASP.NET WebForms
  9. jQuery posting valid json in request body
  10. Update div with jQuery ajax response html
  11. Codeigniter session bugging out with ajax calls
  12. Use ASP.NET MVC validation with jquery ajax?
  13. jQuery AJAX calls in for loop [duplicate]
  14. How do I know if jQuery has an Ajax request pending?
  15. How do I get the HTTP status code with jQuery?
  16. Django JQuery Ajax File Upload
  17. Synchronous XMLHttpRequest warning and
  18. File Upload via AJAX within JQuery
  19. Reload table data in Django without refreshing the page
  20. How to Call Controller Actions using JQuery in ASP.NET MVC
  21. What does autocomplete request/server response look like?
  22. jQuery add CSRF token to all $.post() requests’ data
  23. Google Map v3 auto refresh Markers only
  24. Ajax call to download file returned from RESTful service
  25. jQuery – How to PUT JSON via Ajax?
  26. jQuery AJAX call results in error status 403
  27. Using jQuery’s $.ajax within an angularJS controller
  28. Jquery post and unobtrusive ajax validation not working mvc 4
  29. jQuery Deferred – getting result of chained ajax calls
  30. Stop $.ajax on beforeSend

Leave a Comment