आपको सर्वर से परिणाम प्राप्त करने के लिए एक अजाक्स कॉल करना होगा और नीचे दिए गए जावास्क्रिप्ट का उपयोग करके HTML सामग्री से जुड़ना होगा:
एचटीएमएल टेम्पलेट
<table id="tableData" class="table table-fixed">
<thead>
<tr>
</tr>
</thead>
<tbody class="tbody" >
</tbody>
अजाक्स कॉल करने की स्क्रिप्ट यहां दी गई है
$(document).ready(() => {
$.ajax({
url: "http://localhost:9000/list",
method: 'GET',
success: function(response){
if(response.rows.length > 0){
for(let index = 0; index < response.rows.length; index++) {
var newRow = $("<tr>");
var cols = "";
var firstname = '';
var lastname = '';
var gender = '';
cols += '<td> '+ response.rows[index].firstname +'</td>';
cols += '<td> '+ response.rows[index].lastname +'</td>';
cols += '<td> '+ response.rows[index].gender+'</td>';
newRow.append(cols);
$("#tableData .tbody").append(newRow);
}
}
}
})
})