<!DOCTYPE html>
<html>
<link rel="stylesheet" href="../lib/w3.css">
<script src="../lib/w3data.js"></script>
<body>
<ul id="id01" class="w3-ul w3-border">
<li w3-repeat="customers">{{CustomerName}}</li>
</ul>
<script>
w3Http("customers.php", function () {
if (this.readyState == 4 && this.status == 200) {
var myObject = JSON.parse(this.responseText);
myController();
w3DisplayData("id01", myObject);
}
function myController() {
var i;
var x;
var myArray = myObject["customers"];
for (i = 0; i < myArray.length; i++) {
myArray[i]["CustomerName"] =
myArray[i]["CustomerName"].toUpperCase();
}
}
});
</script>
</body>
</html>