What is
ddlObj
??
Why you are passing it in function
funChangeTable
?
Why function
funChangeTable
is inside document.ready function ?
Your code should be
$(document).ready(function () {
funChangeTable();
});
function funChangeTable(){
var name = ddlObj.value;
$.ajax({
url: 'WebForm1.aspx/GetTableData',
data: JSON.stringify({ tableName: name }),
type: 'post',
contentType: 'application/json; charset=utf-8',
dataType: 'JSON',
success: function (response) {
var json = JSON.parse(response.data);
generateTable(json);
},
error: function (a, b, c) {
console.log(a, b, c);
}
});
}
function generateTable(json) {
debugger;
var $table = $('#tblDynamic');
$table.find('thead').empty()
$table.find('tbody').empty()
if (json && json.length > 0) {
var header = json[0];
var columns = [];
for (var col in header) {
columns.push('<th>' + col + '</th>');
}
$table.find('thead').append('<tr>' + columns.join('') + '</tr>');
var rows = [];
for (var i = 0; i < json.length; i++) {
var row = json[i];
var tds = [];
for (var col in row) {
tds.push('<td>' + col + '</td>');
}
rows.push('<tr>' + tds.join() + '</tr>');
}
$table.find('tbody').append(rows.join(''));
}
}
});
Let me know if it is not clear to you.