Mailchimp API V3 jQuery Ajax POST abbonati

Question

C'è stato un grande aggiornamento sull'API Mailchimp (v3.0) e molti dei plugin jQuery non sono aggiornati per gli utenti POST su form.submit().

Dopo aver letto documenti v3.0:

Managing subscribers suggerisce la seguente formato JSON oggetto:

{ 
    "email_address": "urist.mcvankab@freddiesjokes.com", 
    "status": "subscribed", 
    "merge_fields": { 
     "FNAME": "Urist", 
     "LNAME": "McVankab" 
    } 
} 

E seguente endpoint principale per la risorsa elenchi API:

https://<dc>.api.mailchimp.com/3.0/

Quindi, ecco il mio codice form.submit() con la richiesta jQuery Ajax POST:

$(document).ready(function(){ 
    var mcForm = $('#mailchimpForm'); 
    var mailchimp = {}; 
    mailchimp.dc='us5'; 
    mailchimp.id='xxxxxxxx'; 
    var url = '//' + mailchimp.dc + '.api.mailchimp.com/3.0/lists/' + mailchimp.id + '/members/'; 

    function beginMailchimpPost(data){ 
     var params = JSON.stringify(data); 
     $.ajax({ 
      url: url, 
      method: 'POST', 
      data: params, 
      dataType: 'jsonp', 
      contentType: 'application/json; charset=utf-8', 
      error: function(res, text){ 
       console.log('Err', res); 
      }, 
      success: function(res){ 
       console.log('Success', res); 
      } 
     }); 
    } 
}); 

Questo è l'oggetto JSON.stringify(data):

{"email_address":"email@mail.com","status":"subscribed","merge_fields":{"FNAME":"Name","LNAME":"Last name"}} 

e sto ottenendo il seguente errore:

GET http://... 401 (Unauthorized) 
Err Object {readyState: 4, status: 404, statusText: "error"} 

Cosa c'è di sbagliato?

Questo è il collegamento a Mailchimp's API v3.0 docs (elenco elenco membri).

Answer 1

Stai ottenendo un 401 perché non stai passando la tua chiave API.

Avrai bisogno di aggiungere quanto segue sei chiamata AJAX:

beforeSend: function(xhr) { xhr.setRequestHeader("Authorization", 
    "Basic " + btoa("api:" + mailchimp_api_key)); }; 

Dove mailchimp_api_key è la chiave per il tuo account. Dai un'occhiata a http://kb.mailchimp.com/api/article/api-3-overview per maggiori informazioni su auth con l'api.

Answer 2

È necessario aggiungere la chiave API in params, come questo;

{ 
    "apikey": "your key here", 
    "email_address": "urist.mcvankab@freddiesjokes.com", 
    "status": "subscribed", 
    "merge_fields": { 
     "FNAME": "Urist", 
     "LNAME": "McVankab" 
    } 
} 

Quindi è necessario modificare il tipo di dati da "jsonp" a "json". "jsonp" è solo GET e non funzionerà con il metodo POST.

E l'ultima cosa che devi fare è consentire lo scripting cross-domain;

http://enable-cors.org/server.html

Answer 3

Purtroppo non è possibile effettuare le richieste per il front-end Mailchimp API.

Note MailChimp does not support client-side implementation of our API using CORS requests due to the potential security risk of exposing account API keys.

https://developer.mailchimp.com/documentation/mailchimp/guides/get-started-with-mailchimp-api-3/#authentication

Answer 4

Il modo in cui l'ho fatto è quello di utilizzare il codice AJAX, ma nudo fuori tutta la roba MailChimp e inviare i dati di post ad un file PHP. Ho usato questo codice:

https://github.com/actuallymentor/MailChimp-API-v3.0-PHP-cURL-example/blob/master/mc-API-connector.php

ho appena messo a nudo fuori tutto, ma la parte che mi serviva per la sottoscrizione di un singolo utente e ha funzionato come un fascino.Per la segnalazione degli errori, è possibile rilevare eventuali errori sul lato PHP e inviare lo stato HTTP all'AJAX.