将ajaxchimp添加到表格

Question

我试图让ajaxchimp工作（https://github.com/scdoshi/jquery-ajaxchimp）。

这里是我的代码：

<form class="pure-form center"> 
    <fieldset> 
     <label for="email_input_id"><input class="pure-input-1-3" placeholder= 
     "Email" type="email" /></label> 
    </fieldset><button class="whitehomepage" type="submit"> go!</button> 
</form> 

和JavaScript：

$('#pure-form').ajaxChimp({ 
    callback: mailchimpCallback, 
    url: "http://xxxxxx.us1.list-manage.com/subscribe/post?u=3959eeadb32e02b85a792e21c&id=6d7613df26" 
}); 

function mailchimpCallback(resp) { 
    alert("callback") 
} 

可惜这不是为我工作。有任何想法吗？

我正在使用jQuery 1.10.2，它建议jQuery 1.9.1可以这是一个问题？

谢谢

编辑：OMG。我真是个白痴。应该是.pure-form而不是＃纯粹的形式。这将解决它。

Answer 1

不需要使用https://github.com/scdoshi/jquery-ajaxchimp。

试试这个。

<form class="pure-form center"> 
    <script> 
    $("#whitehomepage").click(function() { 
    formData = { 
     u: "3959eeadb32e02b85a792e21c", 
     id: "6d7613df26" 
    }; 
    $.ajax({ 
     url: "http://fiercelycurious.us1.list-manage.com/subscribe/post", 
     type: "POST", 
     crossDomain: true, 
     contentType: 'application/json', 
     data: formData, 
     dataType: "json", 
     success: function(data) { 
      //success handler 
     }, 
     error: function() { 
      //error handler 
     } 
    }); 
    }); 
    </script> 

    <fieldset> 
     <label for="email_input_id"><input class="pure-input-1-3" placeholder= 
     "Email" type="email" /></label> 
    </fieldset><button class="whitehomepage" id="whitehomepage" type= 
    "submit">go!</button> 
</form>