javascript - Loading Ajax Data Dynamically -
i have bunch of jquery functions gets json data mysql database , displays on pages within application.
i have 15 of these functions similar below , tidy them , convert them 1 major function returns data based on variables passed function. ie getdata(subscriptions) display subscriptions.
my issue i'm not sure how pass column names function ajax query , remove value.column-name function.
example function application
function getsubscriptions(){ $.ajax({ url: 'jsondata.php', type: 'post', datatype:'json', timeout:9000, success: function (response) { var trhtml = ''; $.each(response, function (key,value) { trhtml += '<tr><td>' + value+ '</td><td>' + value.subscription_name + '</td><td>' + value.subscription_cycle + '</td><td>' + value.subscription_cost + '</td><td>' + value.subscription_retail + '</td><td>' + value.subscription_profit + '</td><td>' + value.subscription_margin + '</td><td>' + value.subscription_markup + '</td></tr>'; }); $('#subscription-results').html(trhtml); }, }); } any appreciated i'm new jquery
you can refer code:
function getsubscriptions(){ $.ajax({ url: 'jsondata.php', type: 'post', datatype:'json', timeout:9000, success: function (response) { $('#subscription-results').html(parsecolumns(response)); }, }); } function parsecolumns(columns) { var html = ''; if (object.prototype.tostring.apply(columns) === '[object array]') { $.each(columns, function(key, value) { html += parsecolumn(value); }) } else { html += parsecolumn(columns); } function parsecolumn(column) { var trhtml = '<tr><td>' + column + '</td>'; (var key in column) { trhtml += '<td>' + column[key] + '</td>' } trhtml += '</tr>'; return trhtml; } return html; }
Comments
Post a Comment