Question

我试图将AJAX与mailchimp表单集成。我跟随另一位成员的回答，但仍无法让它发挥作用。你们能看到我的代码出了什么问题吗？

谢谢。

这是我的代码：

<form id="form">
  <script>
    $( "button" ).click(function() {
    formData = {
        u: "xxxxxxxxx",
        id: "xxxxxxxxx"
    };
    $.ajax({
        url: "http://xxxxxxxxxxxxxxxxxxxxxxx/post-json?",
        type: "GET",
        crossDomain: true,
        contentType: 'application/json',
        data: formData,
        dataType: "json",
        success: function(data) {
            //action
        },
        error: function() {
           //action
        }
    });
    });
  </script>

<fieldset>
    <label for="email_input_id"><input placeholder=
    "Type Your Email" type="email" /></label>
</fieldset><button type= "submit">Submit</button>

Answer 1

我终于让我的代码工作了。

 <form id="form" action="https://xxxxx.com/subscribe/post-json?u=xxxxx&id=xxxx&c=?" method="GET">
      <input type="hidden" name="u" value="xxxx">
      <input type="hidden" name="id" value="xxxx">
      <input type="EMAIL" autocapitalize="off" autocorrect="off" 
             name="MERGE0" id="MERGE0" size="25" value="" 
             placeholder="Type your email and press enter">
      <p id="response"> </p>
 </form>

      <script>
          $('#form').submit(function(e) {
          var $this = $(this);
          var paragraph = document.getElementById('response');

          $.ajax({
          type: "GET",
          url: "https://xxx.com/subscribe/post-json?u=xx&id=xx&c=?",
          data: $this.serialize(),
          dataType    : 'json',
          contentType: "application/json; charset=utf-8",
          error       : function(err) { alert("Could not connect to the registration server."); },
          success     : function(data) {
              if (data.result != "success") {
                     paragraph.innerHTML = data.msg;
              } else {
                      paragraph.innerHTML = data.msg;
                      }
              }
             });
           return false;
           });
      </script>

将AJAX与mailchimp集成

1 个答案: