Form Processing via AJAX - Avoiding both GET & POST Requests from getting generated

Question

I am trying to send form data via AJAX. But I see that both GET & POST requests are getting generated.

Here's my form's Submit Handler

 <button id="submit" class="btn">Submit</button>

I have a jQuery handler set up for onClick event. I construct POST request and send it via AJAX.

$(function(){
    $('#submit').click(function() {
        $.ajax({
        ...
        ...
     });
  });
});

I just need to send POST request. How do I stop GET request being generated?

try $.post(function(){}) – Marc Guiselin Oct 05 '15 at 16:42 — Marc Guiselin, Oct 05 '15 at 16:42

score 3 · Accepted Answer · answered Oct 05 '15 at 16:42

3

Instead of binding to the click of the button, bind to the submit event of the form and prevent the default behavior:

$(function(){
    $('form').on('submit', function(e) {
        e.preventDefault();
        $.ajax({
        ...
        ...
     });
  });
});

answered Oct 05 '15 at 16:42

taxicala

This is exactly what I were busy typing... :P – Jacques Marais Oct 05 '15 at 16:42
Thanks. I was trying the preventDefault but was not using the correct event handler. – AgentX Oct 05 '15 at 16:50

1 Answers1