Vorlage habe ich eine Form:Ajax-Anfrage statt Post bekommen
<form onsubmit="return sendEmail()" id="emailForm" name="emailForm">
<input type="hidden" name="_cc" value="[email protected]" />
<div class="row">
<p class="left">
<label for="name">Name*</label>
<input type="text" required="required" name="name" id="name" value="" />
</p>
<p class="right">
<label>Email*</label>
<input type="email" required="required" name="_replyto">
</p>
</div>
<div class="row">
<p class="left">
<label for="phone">Phone/Mobile</label>
<input type="text" required="required" name="phone" id="phone" value="" />
</p>
<p class="right">
<label for="company">Organization</label>
<input type="text" name="company" id="company" value="" />
</p>
</div>
<p>
<label for="message" class="textarea">Queries</label>
<textarea class="text" name="message" id="message"></textarea>
</p>
<br />
<div style="background-color: mediumaquamarine;margin-bottom: 2%" id="success"></div>
<button type="submit" class="btn btn-xl">Send</button>
</form>
und jQuery-Code mit dem Formular Ajax Post einreichen:
function sendEmail(){
$.ajax({
url: "http://formspree.io/[email protected]",
method: "POST",
data: $('#emailForm').serialize(),
dataType: "json",
success: function(result){
$("#success").html("Message successfully sent");
},
error: function (request, status, error) {
$("#success").html("Oops! Something went wrong. Please try again");
}
});
return false
}
aber es trägt immer Anfrage und führt zu Fehlermeldung erhalten Antwort, die Methode abrufen ist nicht zulässig, verwenden Sie nur Post. (Antwortcode 405).
Kann nicht herausfinden, was hier falsch ist.
Sie müssen die Formularüberprüfung verhindern, bevor Sie eine AJAX-Anfrage senden. –
Als Erstes überprüfen Sie die Dokumentation: http://api.jquery.com/jQuery.ajax/. Zweite Sache zu tun, verwenden Sie eine 'submit()' Event-Handler und stoppen Sie die normale Form Vorlage –
Versuchen Sie das? '