Mailchimp ajax SyntaxError bei der Formularübergabe

Question

Wie ich sehen kann, gibt es keine Fehler im Code, aber immer noch zeigt dies SyntaxError: fehlt; vor Anweisungscreenshot

Hier ist die Form:

<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> 

Hier ist die 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. 
}); 

Wie kann ich dieses Problem beheben? Pls Hilfe :)

Answer 1

Da Sie JSON von Ajax erhalten, sollten Sie dataType: "json" setzen.

Nicht jsonp.

jsonp Antwort wird als eine Funktion ausgeführt und verursacht den Fehler.

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>