html - plugin - plantillas contact form 7

La forma envía un GET en lugar de POST

Question

Obtuve un sitio web creado para mi pequeña empresa por un profesional independiente. El sitio web está alojado en http://devopsnexus.com/ . Todo se ve bien, excepto el formulario en la parte inferior que envía GET en lugar de POST. Extrañamente, si solo copio el código dentro de la etiqueta del formulario en un nuevo archivo html, funciona bien. Ahora el profesional independiente se ha desvanecido y estoy intentando depurar desde horas sin suerte. ¿Alguien puede señalar qué está mal con html aquí?

Answer 1

El formulario se envía a través de AJAX en main.js usando jQuery $ .ajax (). El método de formulario no se especifica aquí, y está por defecto en GET. Aquí está la solución:

// Contact form
var form = $(''#main-contact-form'');
form.submit(function(event) {
    event.preventDefault();
    var form_status = $(''<div class="form_status"></div>'');
    var formData = $(this).serialize();
    $.ajax({
        url: $(this).attr(''action''),
        method: ''POST'',
        data: formData,
        beforeSend: function() {
            form.prepend(form_status.html(''<p><i class="fa fa-spinner fa-spin"></i> Email is sending...</p>'').fadeIn());
        }
    }).done(function(data) {
        form_status.html(''<p class="text-success">Thank you for contact us. As early as possible  we will contact you</p>'').delay(3000).fadeOut();
    });
});