Отправить данные в API через Ajax

Question

У меня есть простая форма для отправки электронной почты dato в API, но я хочу отправить данные через Ajax для страницы, отличной от реальной, и дать сообщение об успехе под тегом ввода.

Форма отправки HTML

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);
    });
}); 

Вы можете использовать статус и данные для продолжения своей работы.