THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

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

<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:

Example

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Try It Yourself »
Note 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 »
Note Download w3data.js