Enviar varios formularios generados automaticamente con ajax
Publicado por Lorenzo (1 intervención) el 06/11/2019 16:55:57
Buenas, tengo un problema y no se por donde meterle mano, sobre todo por que hace tiempo que no toco javascript y ajax. La cosa es que tengo que enviar varios formularios en una página y la unica forma que se me ocurre es con javascript(jquery) y ajax, ya que los formularios se van generando según la necesidad de la persona y eso me esta volviendo loco. Por que no se como diferenciar estos formularios dinamicos de una forma automatica, ni como recoger los datos de los mismo de la misma manera, ya que a veces seran 3, otras 5 y así sucesivamente.
¿Alguna idea de como puedo hacer esto? Tengo este código:
¿Alguna idea de como puedo hacer esto? Tengo este código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).on('ready',function(){
$('#btn-ingresar').click(function(){
var url = "prueba_datos.php";
$.ajax({
type: "POST",
url: url,
data: $("#formulario").serialize(),
success: function(data)
{$('#resp').html(data);
}});
});
});
</script>
<body>
<form id="formulario" method="POST">
Exclusión:<br>
<input type="text" name="exclusion">
<br> Operador:<br>
<input type="text" name="operador">
<br> Valor:<br>
<input type="text" name="valor">
<br><br>
<input type="button" value="Guardar" id="btn-ingresar">
<input type="button" id="btnAddMore" value="Añadir más">
</form>
<br>
<div id="resp"></div>
<br>
<div id="contenedor"></div>
<script type="text/javascript">
$(document).ready(function() {
var plantilla = "<form id='formulario' method='POST'>" +
" I/O:<br>" +
" <input type='text' name='io'>" +
" <br>" +
" Exclusión:<br>" +
" <input type='text' name='exclusion'>" +
" <br>" +
" Operador:<br>" +
" <input type='text' name='operador'>" +
" <br>" +
" Valor:<br>" +
" <input type='text' name='valor'>" +
" <br>" +
"<br>" +
" <input type='button' value='Guardar' id='btn-ingresar'>" +
"</form>" +
"<br>" +
"<div id='resp'></div>";var contenedor = $("#contenedor");
var btnAddMore = $("#btnAddMore");
btnAddMore.click(function() {
contenedor.append(plantilla);
});
});
</script>
</body>
</html>
Valora esta pregunta
0