将ajaxchimp添加到表单中

时间:2014-03-29 20:35:38

标签: jquery ajax mailchimp

我正在努力让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而不是#pure-form。那就解决了。

1 个答案:

答案 0 :(得分:0)

无需使用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>