<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<style>
#elemento {position:absolute;width:100px;height:100px;background-color:#ccc;}
</style>
<script>
$(document).ready(function(){
// evento para cuando se pulse click en el boton de enviar del formulario
$("#enviar").click(function(){
// llamamos a la función pasando la url de destino, y el listado de
// parametros que deseamos que se envien por post
post('http://localhost/phpinfo.php', {
'nombre':$("input[name=nombre]").val(),
'pais':'españa'
});
});
});
// Función que realiza el envio por post
// Esta función, crear un formulario fisicamente en nueva web, coloca los
// valores y lo envia.
//
// Tiene que recibir la url donde enviar los datos, y los valores a enviar
// en formato {key1:value1, key2:value2}
function post(path, parameters)
{
var form = $('<form></form>');
form.attr("method", "post");
form.attr("action", path);
$.each(parameters, function(key, value) {
var field = $('<input></input>');
field.attr("type", "hidden");
field.attr("name", key);
field.attr("value", value);
form.append(field);
});
$(document.body).append(form);
form.submit();
}
</script>
</head>
<body>
<form onsubmit="return false;">
Nombre: <input type="text" name="nombre">
<input type="submit" id="enviar" value="Enviar por post">
</form>
</body>
</html>
Comentarios sobre la versión: Versión 1.0 (0)
No hay comentarios