表单发送GET而不是POST

时间:2016-04-13 20:10:45

标签: html forms post get

我为一个自由职业者的小企业建立了一个网站。该网站位于http://devopsnexus.com/。一切看起来都很好,除了底部的表格发送GET而不是POST。奇怪的是,如果我只是将表单标签中的代码复制到一个新的html文件中,它就可以了。 现在自由职业者已经消失了,我正试图调试几个小时没有运气。任何人都可以在这里指出html有什么问题吗?

1 个答案:

答案 0 :(得分:2)

表单是使用jQuery' $ .ajax()通过main.js中的AJAX提交的。表单方法在此处未指定,默认为GET。这是修复:

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