I have javascript function that run ajax. in ajax response i create a table. I want run another ajax to show some result in one of table cell. but result of second ajax not show in table. my code like this:
function sememb(obj, id) {
var report = 'testmem';
var report1 = "postss";
let table = '';
$.ajax({
url: 'members.php',
type: 'POST',
data: 'report=' + report + '&id=' + id,
success: function(result) {
var tdata = result;
table += '<table id="r_hold">';
table += '<thead><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th></tr></thead><tbody>';
let raj = 0;
for (let i = 0; i < tdata.length; i++) {
raj++
let obj = tdata[i];
table += '<tr><td>' + raj + '</td><td>' + obj.code + '</td><td>' + obj.id + '</td><td>' + obj.fname + '</td><td>' + obj.lname + '</td><td>' + obj.mobile + '</td><td>' + obj.statuss + '</td><td>' + obj.level + '</td><td>';
$.ajax({
url: 'members.php',
type: 'POST',
data: 'report=' + report1 + '&id=' + obj.id,
success: function(res) {
var tda = res;
for (let j = 0; j < tda.length; j++) {
let obd = tda[j];
table += obd.post;
}
}
})
table += '</td>';
}
table += '</tbody></table>';
const tableContainer = document.getElementById('d1');
tableContainer.innerHTML = table;
}
})
}any things add in table variable in second ajax not showing in table.
