2016-04-13 88 views
0

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

+0

请提供相关的代码片段。 –

回答

2

表单通过jax的$ .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(); 
    }); 
}); 
+0

现在请求正在发送,但没有任何参数正在通过。 –

+0

我编辑了上面的代码以包含表单的序列化数据。现在试试。 – Steve

+0

作品!非常感谢。 –