Jquery $.post() - Possible to do a full page post request?

Question

I know I can do an out of band Post request with jQuery and the $.post() syntax. However, I'm interested to know if it is possible for jQuery to cause a post request on the whole page (as when a form is submitted) so that a brand new page is loaded. Is this possible?

There is no form element in the DOM, so I can't do form.submit().

Answer 1

I use this function when I need to send data and don't have form in the DOM:

function postData(actionUrl, method, data) {
    var mapForm = $('<form id="mapform" action="' + actionUrl + '" method="' + method.toLowerCase() + '"></form>');
    for (var key in data) {
        if (data.hasOwnProperty(key)) {
            mapForm.append('<input type="hidden" name="' + key + '" id="' + key + '" value="' + data[key] + '" />');
        }
    }
    $('body').append(mapForm);
    mapForm.submit();
}

And I call it like this:

var data= { 'property1': 666, 'property2': 'I am a boy' };
postData('http://urltopostdata.to', 'post', data);