2017-08-29 1 views
0

Ich habe gerade mit Databases begonnen und ich arbeitete mit diesem Beispiel aus den Databases-Dokumenten, aber ich kann die Daten nicht anzeigen. Dies ist die .html file:Wie können Daten in einer Datentabelle angezeigt werden?

<html> 
<head> 
<title>data</title> 
<script href="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> 
<script href="https://code.jquery.com/jquery-1.12.4.js"></script> 
</head> 
<body> 
<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Extn.</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Extn.</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
    </tfoot> 
</table> 
<script type="text/javascript"> 
    $(document).ready(function() { 
$('#example').DataTable({ 
    "ajax": 'arrays.txt' 
}); 
}); 
    </script> 
</body> 
</html> 

und dies ist die arrays.txt Datei:

{ 
     "data": [ 

    [ 
     "Tiger Nixon", 
     "System Architect", 
     "Edinburgh", 
     "5421", 
     "2011/04/25", 
     "$320,800" 
    ] 
] 
} 

Das Problem ist, dass keine Daten in der Datentabelle angezeigt werden.

+0

versuchen, es in eine 'PRE' anstelle der Tabelle zum Debuggen. Der 'arrays.txt' scheint eine schließende eckige Klammer vor der schließenden geschweiften Klammer zu fehlen! – neuhaus

+0

irgendwelche Fehler auf der Konsole? –

+0

@EliasSoares Ich bekomme das: 'Uncaught ReferenceError: jQuery ist nicht definiert – annie

Antwort

0

Sie importieren datatable vor jquery.

Da datatablejQuery erfordert, müssen Sie zuerst jQuery laden.

Auch sollten Sie nie Skripte auf Kopf importieren. Setzen Sie es auf das Ende Ihres Body-Tags, vor den Skript-Tags.

Verwandte Themen