THE WORLD'S LARGEST WEB DEVELOPER SITE

W3Data Tutorial

W3Data
Faster and Better HTML Data


What is W3Data?

W3Data is a modern JavaScript library for bringing data to HTML applications:

  • Small, fast, and mobile friendly.
  • Easy to learn and easy to use.
  • Speeds up application development.
  • For all devices: PC, tablet, and mobile.

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

<script src="https://www.w3schools.com/lib/w3data.js"></script>

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:

Example

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Try It Yourself »

The first parameter is the id of the HTML element to use (id01)
The second parameter is the data object to display.


Filling a <select> Element

Example

<!DOCTYPE html>
<html>
<script src="https://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