Mailchimp ajax SyntaxError 提交表单

Question

我可以看到代码中没有错误，但它仍然显示这个 语法错误：缺失；声明前 screenshot

这是表格：

<form id="bildo_mc_form" action="https://stylishcreativity.us3.list-manage.com/subscribe/post-json?u=7c7040d58ca368b8f8063c1ea&amp;id=f67dfc67a4" method="post">
    <input id="mc-email" type="email" name="EMAIL" placeholder="Your Email">
    <label for="mc-email"></label>
    <button type="submit">Send</button>
</form>

这里是 Js：

jQuery("#bildo_mc_form").submit(function(e){
    
    console.log("form submitted");
    
    function callbackFunction(data){
        window.location.href = "http://thanks.com";
        console.log("sucess result" + data.result);
        console.log("sucess msg" + data.msg);
    }

    var url = jQuery(this).prop('action'); // the script where you handle the form input.
    jQuery.ajax({
           type: "GET",
           url: url,
           data: jQuery("#bildo_mc_form").serialize(), // serializes the form's elements.
           dataType: "jsonp",
           contentType: "application/json; charset=utf-8",
           error: function(error){
                // According to jquery docs, this is never called for cross-domain JSONP requests
                console.log("Error Result" + error.result);
            },
           success: callbackFunction
        });

    e.preventDefault(); // avoid to execute the actual submit of the form.
});

我怎样才能摆脱这个问题？ 请帮助:)

Answer 1

既然你通过 ajax 接收到JSON，你应该设置dataType: "json"。

不是jsonp。

jsonp 响应正在作为函数执行，它会导致错误。

jQuery("#bildo_mc_form").submit(function(e){

    console.log("form submitted");

    function callbackFunction(data){
        window.location.href = "http://thanks.com";
        console.log("sucess result" + data.result);
        console.log("sucess msg" + data.msg);
    }

    var url = jQuery(this).prop('action'); // the script where you handle the form input.
    jQuery.ajax({
           type: "GET",
           url: url,
           data: jQuery("#bildo_mc_form").serialize(), // serializes the form's elements.
           dataType: "json",
           contentType: "application/json; charset=utf-8",
           error: function(error){
                // According to jquery docs, this is never called for cross-domain JSONP requests
                console.log("Error Result" + error.result);
            },
           success: callbackFunction
        });

    e.preventDefault(); // avoid to execute the actual submit of the form.
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="bildo_mc_form" action="https://stylishcreativity.us3.list-manage.com/subscribe/post-json?u=7c7040d58ca368b8f8063c1ea&amp;id=f67dfc67a4" method="post">
    <input id="mc-email" type="email" name="EMAIL" placeholder="Your Email">
    <label for="mc-email"></label>
    <button type="submit">Send</button>
</form>