Question

I have a form which, upon submission, also sends some other data to the server with ajax:

$('#continue-button').on("click", function(e){
    updateSessionVariables();
});

function updateSessionVariables(){
    $.ajax({
        type: "GET",
        url: update_bom_vars,
        data: myVars
    });
});

This works fine in Chrome but does not submit the ajax call in Firefox.

I have tried:

$('#continue-button').on("click", function(e){
    e.preventDefault();
    updateSessionVariables();
});

Now, this sends the data correctly, but the form will not submit. I even added:

     $('#continue-button').submit();

But no joy.

Answer 1

So I actually solved the problem like this:

$('#continue-button').on("click", function(e){
    e.preventDefault();
    updateSessionVariables();
});

function updateSessionVariables(){
    $.ajax({
       type: "GET",
       url: update_bom_vars,
       data: myVars
       success: ajaxComplete
    });
});

function ajaxComplete(){
    $('#parts-form').submit();
}

It seems that you must be sure the ajax call is complete before the submit can work.

Thanks for all the input!