У меня есть форма с полями 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>
Если я отправлю, он не будет вставлен в базу данных.Как это решить.