Jquery $ .post() - ¿Es posible hacer una solicitud de página completa?

Question

Sé que puedo hacer una solicitud de publicación fuera de banda con jQuery y la sintaxis $.post(). Sin embargo, me interesa saber si es posible que jQuery cause una solicitud posterior en toda la página (como cuando se envía un formulario) para que se cargue una nueva página. es posible?

No hay ningún elemento de formulario en el DOM, por lo que no puedo hacer form.submit().

Answer 1

Think este plugin debe hacer el truco: http://www.mimiz.fr/javascript/jquery/en-jquery-postdatas-plugin/?lang=en

Answer 2

No estoy seguro si me dieron su pregunta, pero si lo que desea es redirigir al cliente después de la publicación, simplemente dirigir al cliente en la función de devolución de llamada de la $ .post como

jQuery.post(url, {}, function() { location.href = "somewhere_else.html"; }) 

Answer 3

Creo que eres tratando de volver a implementar el comportamiento predeterminado. Simplemente use el mecanismo de envío regular que proporciona el navegador.

Si necesita verificar los datos antes de enviarlos al servidor, enlace una función al evento onsubmit y realice sus comprobaciones, luego interrumpa la acción submit devolviendo false o return true y deje que el navegador lo haga todo la obra. ¿Tiene sentido esto para ti?

Answer 4

He utilizado el siguiente ejemplo para permitir que varios botones para enviar datos de formulario en serie pero con diferentes opciones, por ejemplo, Guarde y guarde & Cerrar. Aunque estoy usando jQuery para publicar datos serializados, toda la página se vuelve a cargar porque estoy enviando los datos de la respuesta posterior ajax a "document.body".

<form id="myform"> 
<button id="button1" type="button" onclick="submitButton(true,false)" name="save" value="save">Save</button> 
<button id="button1" type="button" onclick="submitButton(true,true)" name="close" value="close">Save and Close</button> 
</form> 

function submitButton(save,close) { 
    $.ajax({url:'page.asp', data:''+$('#myform').serialize()+'&save='+save+'&close='+close+'', 
    type: 'post', 
    success: function(data){$(document.body).html(data);} 
    }); 
} 

No necesita un elemento de formulario, ya que puede usarlo con cualquier elemento que tenga una identificación única.

Answer 5

puedo utilizar esta función cuando tenga que enviar los datos y no tengo forma en el 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(); 
} 

Y lo llaman así:

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