Post Request nonworking in firefox

Question

alert();  // this alert appears for Firefox too.
$('<form action="Order/Create" id="Formabc" method="POST">' +
            '<input type="hidden" name="WeightUnit" value="' + Units + '">' +
            '<input type="hidden" name="Premium" value="' + 'N/A' + '">' +
            '<input type="hidden" name="Cost" value="' + Cost + '">' +
            '</form>').submit();

I am posting this form on jQuery Modal Model submit.

It is working in Chrome, Safari and IE, but not in Firefox..

Need to call for a full post back... Why it don't work.. any idea? — user79808, Aug 03 '13 at 22:01
Have you tried to invoke `appendTo("body")` before `submit()`? — lifus, Aug 03 '13 at 22:05
Are you sure that `Units` and `Cost` are defined? Have you seen [this answer](http://stackoverflow.com/a/7117103/2286990)? — lifus, Aug 03 '13 at 22:47
"It is working in Chrome, Firefox and IE. not in Firefox.."?? — putvande, Aug 03 '13 at 23:09
Are you sure that Units and Cost are defined? Yes Have you seen this answer? added append... — user79808, Aug 03 '13 at 23:41
http://localhost:49794/Order?WeightUnit=10&Premium=5&Cost=10.00# Adding to the body.. Makes form post but to a wrong action http://localhost:49794/Order instead of http://localhost:49794/Order/Create — user79808, Aug 03 '13 at 23:43

score 1 · Answer 1 · answered Aug 03 '13 at 23:34

As MasterAM suggested, using ajax would be a better shout, but if you can't for what ever reason, append that form to the DOM and fire it then.

$('body').append('<form action="Order/Create" id="Formabc" method="POST">' +
            '<input type="hidden" name="WeightUnit" value="' + Units + '">' +
            '<input type="hidden" name="Premium" value="' + 'N/A' + '">' +
            '<input type="hidden" name="Cost" value="' + Cost + '">' +
            '</form>');


$('#Formabc').trigger('submit');

But ajax is still a better way to go.

http://api.jquery.com/jQuery.ajax/

Post Request nonworking in firefox

1 Answers1