W3Data Tutorial
W3Data
Faster and Better HTML Data
What is W3Data?
W3Data is a modern JavaScript library for bringing data to HTML applications:
W3Data is Free
W3Data is free to use. No license is necessary.
Easy to Use
Just add a link to w3data.js in your web page:
Example
<link rel="stylesheet"
href="../lib/w3data.js">
Then add brackets {{ }} to any HTML element to reserve space for your data:
Example
<div
id="id01">
{{firstName}} {{lastName}}
</div>
Finally call w3DisplayData to display the data in your HTML:
 |
The first parameter is the id of the HTML element to use (id01) The second parameter is the data object to display. |
|---|
Filling a Dropdown
Example
<!DOCTYPE html>
<html>
<script src="http://www.w3schools.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>
Try It Yourself »
|
|
Download w3data.js |
|---|
