Question

我有一个简单的表单，可以将电子邮件dato发送到API，但是我想通过Ajax发送数据而不重新加载页面，并在输入标签下给出成功消息。

HTML：

<form action="" method="POST" class="send-modal-data">
    <input type="text" id="send_email" name="subscribe-email" class="modal-input" placeholder="Email *">
    <button name="subscribe-form" class="danger-btn send-subscribe">Send</button>           
</form>

Ajax

  $(function() {
    $(".send-subscribe").click(function(e) {
    e.preventDefault();
    var settings = {
       email:  $("#send_email"),
      "url": "xxxx/api/user/trial/subscribe?email=" + email,
      "method": "POST",
      "timeout": 0,
    };

    $.ajax(settings).done(function (response) {
      console.log(response);
    });

    });
});

但是当我发送电子邮件时，我的模式窗口关闭而不发送数据，我如何才能以正确的方式实现？

Answer 1

您的发布函数应如下所示：

$(".send-subscribe").click(function() {
    $.post("https://xxx/api/user/subscribe", {
        email : $("#send_email")
    }, function(data, status){
        console.log(status + " :: " + data);
    });
});

您可以使用状态和数据继续您的工作。

通过Ajax将数据发送到API

1 个答案: