Foros del Web - Ver Mensaje Individual - mostrar contenido archivo csv con jquery al cargar pagina html

fhederico · #10 (**permalink**) 28/07/2014, 14:29

Hola,

Normalmente una solucion que te diria es la que te han dicho en un inicio, y es que esto deberia procesarlo en el lado del Servidor, pero dado que ya lo estas haciendo con un csv2table, que hace lo mismo que requieres y que debo admitir que tampoco lo conocia, pues hice una pequeña prueba y resulto ser mas simple de lo que parece.

Lo descargue de aqui

https://code.google.com/p/leocenter/....9.js&can=2&q=

Si te lo descarga con extension TXT, se la quitas y le dejas la extension JS

Mi archivo prueba.csv contiene 3 filas con 1 sola columna con esto

Código HTML:

Ver original" " ,3,4,5,6,7,8,9,10,11,12,1,2
Test1,30,40,25,45,70,55,80,90,65,95,96,88
Test2,12,15,55,30,70,87,55,30,65,76,50,58
Test3,60,43,58,22,38,47,35,67,88,53,92,98

Mi archivo HTML es tan simple como esto

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
        <div id="view1"></div>
</body>
 
<script src="jquery-2.1.1.min.js"></script>
<script src="jquery.csv2table-0.02-b-2.9.js"></script>
<script>
    $(document).ready(function() 
    {
      $('#view1').csv2table('prueba.csv');
    });
</script>
</html>

Fijate que la ruta del archivo es tal cual, si esta en el mismo directorio que tu archivo HTML, si esta en otro lugar deberas poner la ruta exacta desde tu archivo HTML hasta este, para pruebas y ver que realmente funciona te recomiendo primero dejarlo en el mismo directorio.

Y listo, funciona...

Por ultimo, el archivo "jquery.csv2table-0.02-b-2.9.js" contiene rutas a imagenes que NO vienen, deberas modificar el archivo y agregarlas manualmente por unas que tu decidas.

Por ejemplo viene

Código HTML:

Ver originalloadImg  : (new Image()).src='../economia/js/img/ajax-loader.gif',  //Dafault loading IMG

Obviamente tu no tendras un directorio "economia" y menos una imagen con un nombre asi, pero lo modificas y adaptas a tus necesidades

Saludos