Guardar datos de una tabla creada por js
Publicado por carlos (1 intervención) el 18/06/2019 22:36:58
Hola, ojalas alguien pueda ayudarme, tengo el siguiente problema, tengo un programa el cual mediante un textarea me permite pegar lineas de texto(copiadas de excel por su tabulacion), la funcion que hace todo esto es creada en javascript y su resultado es una tabla echa en html mostrada dentro de un div en html, pero necesito guardar cada uno de esos datos de la tabla creada para posteriormente guardarlos en una BD, en primea instacia utilize el metodo post de php para pasar los datos, pero cuando pego textos muy largos, bien los convierto en tabla, pero al traspasar la tabla por post, me arroja error request de servidor por el largo del post.
le adjunto el codigo que me devuelve la tabla armada y la guarda por post en php, pero si introdusco muchos caracteres se cae y no traspasa datos por post.
le adjunto el codigo que me devuelve la tabla armada y la guarda por post en php, pero si introdusco muchos caracteres se cae y no traspasa datos por post.
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Stech</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src='main.js'></script>
<script src='js/Tabla.js'></script>
<script>
function myFunction() {
var tbl = "<form name='formulario' method='post' action='AjaxForm' ><table border='1' class=><tbody>"
var lines = document.getElementById("textarea").value.split("\n");
for (var i = 0; i < lines.length; i++) {
tbl = tbl + "<tr>"
var items = lines[i].split("\t");
for (var j = 0; j < items.length; j++) {
tbl = tbl + "<td>" + items[j] + "</td>";
}tbl = tbl + "</tr>";
}tbl = tbl + "</tbody></table></form><button type='button' class='boton boton-verde' onclick='Guardar()'>Guardar</button>";
var divTable = document.getElementById('team');
console.log(tbl);
divTable.innerHTML= tbl;
}function Guardar(){
var tbl = "<form name='formulario' method='post' action='pagina.php' ><table border='1' class=><tbody>"
var lines = document.getElementById("textarea").value.split("\n");
for (var i = 0; i < lines.length; i++) {
tbl = tbl + "<tr>"
var items = lines[i].split("\t");
for (var j = 0; j < items.length; j++) {
tbl = tbl + "<td>" + items[j] + "</td>";
}tbl = tbl + "</tr>";
}tbl = tbl + "</tbody></table></form>";
var divTable = document.getElementById('team');
console.log(tbl);
divTable.innerHTML= tbl;
window.location='pagina.php?tb=' +tbl;
} // document.write(tbl)
</script>
</head>
<body>
<header class = "site-header inicio">
<div class="contenedor contenido-header">
<div class="barra">
<a href="#">
<img class="logo" src="img/logo-cloud.png" alt="Logotipo gpsimple">
</a>
</header>
<div>
<section class="contenedor seccion">
<h2 class="fw-300 centrar-texto">Pegar Aqui</h2>
<textarea rows="10" cols="50" name = "csv" id = "textarea" required="required"></textarea>
<!--<button type="reset" class="boton boton-verde">Limpiar campos</button>--><div class="convertir">
<button type="button" class="boton boton-verde" onclick="myFunction()">Convertir</button>
</div>
<div id="team" name="team" class="contenedor centrar-texto fw-300" >
</div>
</section>
<div class="mjREspuesta"></div>
</body>
</html>
Valora esta pregunta
0
