Latest web development tutorials
 

Web Building - AppML


Building a web site from scratch.   Part VII: Using AppML.


What We Will Do

In this chapter we will:

  • Use AppML to fetch and display data on a website

Put the following code inside the file:

customers.html

<!DOCTYPE html>
<html>
<head>
<title>Customers</title>
<link href="site.css" rel="stylesheet">
<script src="http://www.w3ii.com/appml/2.0.1/appml.js"></script>
</head>
<body>

<nav id="nav01"></nav>

<div id="main">
<h1>Customers</h1>
<table appml-data="http://www.w3ii.com/website/customers.html">
  <tr>
    <th>Name</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{Name}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
    </tr>
</table>
<footer id="foot01"></footer>
</div>

<script src="script.js"></script>

</body>
</html>
Try it Yourself »

The code above is much same as in the previous chapter.

Only this time the data is fetched and displayed with AppML.


Read More

Read more about AppML in our AppML Tutorial.