Neueste Web-Entwicklung Tutorials
 

W3Data Tutorial

❮ Zurück Weiter Kapitel ❯

W3Data
Schnellere und bessere HTML Daten

Was ist W3Data?

W3Data ist eine moderne JavaScript-Bibliothek für Daten in HTML-Anwendungen bringen:

  • Klein, schnell und mobil freundlich
  • Einfach zu erlernen und einfach zu bedienen
  • Beschleunigt Anwendungsentwicklung
  • Für alle Geräte PC, Tablet und Handy

W3Data ist frei

W3Data ist kostenlos zu benutzen. Keine Lizenz erforderlich.

Einfach zu gebrauchen

Fügen Sie einfach einen Link zu w3data.js in Ihrer Web - Seite:

Beispiel

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3data.js">

Dann fügen Sie Klammern {{}} zu jedem beliebigen HTML - Element Platz für Ihre Daten zu reservieren:

Beispiel

<div id="id01">
{{firstName}} {{lastName}}
</div>

Schließlich w3DisplayData rufen die Daten in Ihrem HTML anzuzeigen:

Beispiel

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Versuch es selber "
Hinweis Der erste Parameter ist die ID des HTML-Elements zu verwenden (ID01)
Der zweite Parameter ist die Datenobjekts anzuzeigen.

Füllen eines Dropdown

Beispiel

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>

<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>

</body>
</html>
Versuch es selber "
Hinweis Herunterladen w3data.js

❮ Zurück Weiter Kapitel ❯