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="https://www.noidatut.com/appml/2.0.1/appml.js"></script>
</head>
<body>
<nav
id="nav01"></nav>
<div id="main">
<h1>Customers</h1>
<table appml-data="https://www.noidatut.com/website/customers.php">
<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.