URL отправки формы Ajax - PullRequest
       9

URL отправки формы Ajax

0 голосов
/ 19 февраля 2019

У меня есть форма с полями name, email и т. Д. Теперь я хочу, чтобы, когда пользователь нажимает на форму отправки, получал эти значения и отправлял с помощью ajax url.Как это сделатьЯ не использую loopback4 url ​​в качестве класса действий и mysql в качестве базы данных.Вот мой код:

<form class="form-area contact-form text-right" name="myForm" id="myForm" action="http://localhost:3000/contacts/post" method="post"  novalidate>
    <div class="row">
       <div class="col-lg-6 form-group">
          <input name="name" id="name" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">
          <input name="email" id="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-control" required="" type="email">
           <div class="invalid-feedback">Please Enter a Valid Email Id.</div>
          <input name="subject" id="subject" placeholder="Enter your subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your subject'" class="common-input mb-20 form-control" required="" type="text">
          <div class="mt-20 alert-msg" style="text-align: left;"></div>
       </div>
       <div class="col-lg-6 form-group">
          <textarea class="common-textarea form-control" name="message" id="message" placeholder="Message" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Message'" required=""></textarea>
          <button type="submit" class="primary-btn mt-20 text-white" style="float: right;">Send Message</button>
       </div>
    </div>
 </form>

Ajax:

  <script type='text/javascript'>
    $("#myForm").submit(function(e) {
        var form = $(this);
        var url = form.attr('action');
        $.ajax({
        type: "POST",
        url: url,
        data: form.serialize(), // serializes the form's elements.
        datatype: 'json',
        success: function(data)
        {
           alert(data); // show response from the php script.
        }
        });

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

Если я отправлю, он не будет вставлен в базу данных.Как это решить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...