14/02/2014, 11:36
|
| | | Fecha de Ingreso: septiembre-2013
Mensajes: 87
Antigüedad: 11 años, 3 meses Puntos: 1 | |
| Respuesta: ajax con jquery
mira alexis. ahora lo cambie un poco y la cosa es que ahora si me inserta todos los formularios. la cosa es que a veces, hago click en un formulario y se insertan los datos de los dos formularios. mirá:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jqueryui.js"></script>
</head>
<body>
<form name="nombreform1" id="form1" method="get" action="insertar.php" class="clase">
<input name="nombre1" id = "nombre1" type="text" value="" class="nombre">
<input name="apellido1" id = "apellido1" type="text" value="" class="apellido">
<input name="enviar1" id="1" type="submit" onClick="mifuncion(this)">
</form>
<form name="nombreform2" id="form2" method="get" action="insertar.php" class="clase">
<input name="nombre2" id = "nombre2" type="text" value="" class="nombre">
<input name="apellido2" id = "apellido2" type="text" value="" class="apellido">
<input name="enviar2" id="2" type="submit" onClick="mifuncion(this)">
</form>
<script type="text/javascript">
function mifuncion(parametro) {
$(".clase").submit(function(event){
event.preventDefault();
$.ajax({
url: $(this).prop("action"),
type: "GET",
data: {nombre: $("#nombre"+parametro.id).val(), apellido: $("#apellido"+parametro.id).val()},
success: function(response){
alert("Los datos han sido enviados");
},
error: function(jqXHR, textStatus){
alert("Se produjo un error: " + textStatus);
}
});
});
}
</script>
</body>
</html> |