37 lines
1003 B
PHP
37 lines
1003 B
PHP
|
<table>
|
||
|
|
<tr>
|
||
|
|
<th>First name</th>
|
||
|
|
<th>Last name</th>
|
||
|
|
<th>Job title</th>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<tbody id="data"></tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var ajax = new XMLHttpRequest();
|
||
|
|
ajax.open("GET", "data.php", true);
|
||
|
|
ajax.send();
|
||
|
|
|
||
|
|
ajax.onreadystatechange = function() {
|
||
|
|
if (this.readyState == 4 && this.status == 200) {
|
||
|
|
var data = JSON.parse(this.responseText);
|
||
|
|
console.log(data);
|
||
|
|
|
||
|
|
var html = "";
|
||
|
|
for(var a = 0; a < data.length; a++) {
|
||
|
|
var firstName = data[a].firstName;
|
||
|
|
var lastName = data[a].lastName;
|
||
|
|
var jobTitle = data[a].jobTitle;
|
||
|
|
|
||
|
|
html += "<tr>";
|
||
|
|
html += "<td>" + firstName + "</td>";
|
||
|
|
html += "<td>" + lastName + "</td>";
|
||
|
|
html += "<td>" + jobTitle + "</td>";
|
||
|
|
html += "</tr>";
|
||
|
|
}
|
||
|
|
document.getElementById("data").innerHTML += html;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|