Necesito cargar los datos de volcado de json que regresan de un script de python en mi tabla html, no estoy seguro de qué estoy haciendo mal, ya que soy relativamente nuevo en html y hago esto para un POC. No puedo cargar los datos en una tabla html. buscando tu ayuda.
Python Code def read_data_from_sql(sqlserverinst,uname,psswd,dbname,url,regime,jurisdiction): output=[] conn = pymssql.connect(sqlserverinst, uname, psswd, dbname) cursor = conn.cursor(as_dict=True) cursor.execute('SELECT * FROM [reg_content_extracted_url_browsed]') for row in cursor: output.append({'url_id': row['url_id'],'url': row['url'],'regime': row['regime'],'jurisdiction': row['jurisdiction']}) # flat_list = [item for sublist in output for item in sublist] conn.close() print(json.dumps(output)) return json.dumps(output)Formato de salida: [{"url_id": 1, "url": "www.google.com", "régimen": "FATCA", "jurisdicción": "SG"}]
HTML Table layout <div class="content-large">Successful Browsed URL(s) <!-- <style> table, th, td { border:1px solid black; } </style> --> <table id="btable" style="width:100%"> <tr style="color: white;"> <th>url id ID</th> <th>url</th> <th>Regime</th> <th>Jurisdiction</th> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </div> Script to populate json data <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script> <script type=text/javascript> $(function() { $('a#test').on('click', function(e) { e.preventDefault() $.get('/datahomepage', function(data) { // alert(data); alert(data.length) // console.console.log("hheh"); var tr; for (var i=0;i<data.length;i++){ alert(data[i].url_id) tr = $('<tr/>'); tr.append("<td>" + data[i].url_id+ "</td>"); tr.append("<td>" + data[i].url+ "</td>"); tr.append("<td>" + data[i].regime+ "</td>"); $('btable').append(tr); } }); // return false; }); }); </script>Un error obvio es:
$('btable').append(tr);que debería ser
$('#btable').append(tr);