フォームはPOSTの代わりにGETを送信します

Question

私はフリーランサーから私の中小企業用に構築されたウェブサイトを持っています。ウェブサイトはhttp://devopsnexus.com/でホストされています。 POSTの代わりにGETを送信しているフォームを除いて、すべてがうまく見えます。不思議なことに、フォームタグ内のコードを新しいhtmlファイルにコピーするだけでうまくいきます。 フリーランサーが消えてしまったので、何時間も何もせずにデバッグしようとしています。誰でもここでhtmlの何が間違っているのかを指摘できますか？

Answer 1

フォームは、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(); 
    }); 
});