29. april 2026 - 19:37 Der er 5 kommentarer

Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT

Hej,

Jeg har brug for et JAVASCRIPT (JS) system / komponent , hvormed jeg jeg kan hente en local  CSV fil, parse denne fil så jeg (læs_ JS-komponenten) kan fylde disse data ind i en en (HTML-) tabel (osse med et JS-script).

Efter 3 dages søgning på nettet synes det som om dette ikke er en standard funktion i JS og her er det problemet opstår.  (Jeg har absollut ingen erfaring med filer i JS,. så for mig virker det hele som ren mumbo - jumbo) 

Så det rejser et par spørgsmål:   

1: Hvlken pakke skal jeg vælge ?
2: Nem at installere  ?
3: Er den nem at bruge .  (jeg ville gerne have mulighed for ya kunne bruge en funktion som ligner denne:  ReadFil ( MInfil, MinTabel), hvor Minfil er navne på CSV-filen og MinTabel er den af JS oprettede Tabel.
5: Fortrinsvis gratis (simpel download)

Kan nogen blandt vor eksperter hjælpe en forvildet (og forvirrer ! ) JS-fil  mand.

Så er der mindst en million taksigelser på vej !

Snestrup2016
30. april 2026 - 08:57 #1
HEj,

Havde en ven på besøg i går aftes.  Vi talte lidt om "mit" problem.
Efter at have hørt mine klager om dit og dat, foreslog han, at jrg "så" lidt på jQuery.
Det har jeg gjort her til formiddag/morges.
Det virker som om dette er løsningen.
BINGO...
Så det starter jeg .

Snestrup2016
Avatar billede erikjacobsen Ekspert
30. april 2026 - 11:19 #2
Det er tæt på det du ønsker. Dette lille eksperiment "uploader" en JSON-fil til en browser, hvor javascript tager data og laver en nydelig graf. Ingen backend (PHP osv), ingen jquery.  Men et graf-bibliotek - du skal jo lave en tabel.

Det med "upload" bør være det samme.

https://jacksparrow.dk/experiments/uploadtobrowser.html
30. april 2026 - 15:38 #3
Hej,

Er ude af byen de næste 3 dage, så det tager lidt tid inden afprøvning og svar.

Tak for linket.

(læst på min "u"-smarte smart-telefon" )
Avatar billede bvirk Guru
01. maj 2026 - 08:44 #4
til #1: jquery er en wrapper over det javascript som kan lave/slette/ændre html og css - det gør det kortere vha. et par tricks:
- kobling - funktioner returner jquery objektet, hvormed ny jquery funktioner kan kaldes vha. et punktum
- getter og setter i samme function - bestemt af parametre antal.
 
Og så tilbyder jquery en samling af nyttige functioner som omfangsmæssigt kan være lette at lære end javascript måderne direkte.
Jeg ynder selv at bruge jquery pga. dets korthed - men det skal siges at dets popularitet har toppet - ofte tænker jeg at jeg burde sætte mig bagvedliggende javascript måde - med gider ikke.
Simpelt eksempel - fange klik på knap med html <button id='hello'>hello</button>
jquery:
$('#hello').on('click', () => {
  console.log('clicked hello')
  });

vanilla javascript (DOM)
document.getElementById('hello').addEventListener('click', () => {
  console.log('clicked hello');
});

Man sige at DOM er en del af web javascript - beskrevet her:
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model
Men sikkert lettere introduceret i youtube videoer - måske søgbart med ordene 'crash course ???' - også for jquerys vedkommende
02. maj 2026 - 13:26 #5
Hej,

Tak for indlægget.

At lære et nyt "sprog" kan være noget træls(k). 

Men tak til W3School.Jquery, som jeg besøgte ofte under de første "prøvekørsler" lykkedes det mig at få mit projekt første fase færdigt.  Siden kommer alle forfininger (som CSS på en "normal" hjemmeside), og det er en ventende opgave, som jeg betragter som en("forholdsvis") nem opgave.  Med de råd jeg i årens løb har fået på eksperten, ser jeg det, som "a piece of cake".  Enkelte af disse råd var i oprindelig form ikke ret anvendelige,  men ved at bruge det invendige af hovedet og tilpasse dem, virkede de fint. Ligeledes her i opstarten af jQery anvendelsen. Så her gør ekspertens medlemmer et godt stykke arbejde, Men det betragter jeg som hjælp til selvhjælp, og er subjektivt set, (vel egentlig osse objektivt) den bedste måde at lære ting på..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester