如何在网站上的表中显示数据库中的数据?

时间:2019-05-23 11:17:29

标签: javascript ajax for-loop

我有一个要访问以显示我的产品数据的数据库,在本例中为ItemCode和ItemName。 连接都正确且功能正常,我的问题是循环并在html文件中的表中显示数据。

let ctrl = {
      showDados: function(r) {
    
    	/*dados[3].ItemCode;*/	
    		
    	  let dados = JSON.parse(r.responseText);
    	  let cod = dados.ItemCode;
    	  let name = dados.ItemName;
    	  let text = "";
    	  let i;
    
    	  for (i = 0; i < cod.length; i++) {
    		  text += cod[i] + "<br>";
    	  }
    	                          document.getElementById("cod").innerHTML = text;
    
    	  for (i = 0; i < name.length; i++) {
    		  text += name[i] + "<br>";
    	  }
    	  document.getElementById("name").innerHTML = text; 
    
    	},
    
    	init: function() {
    		util.ajax(settings.serviceAddress + "OITM", ctrl.showDados);
    	}
};
    
$(document).ready(function() {
  ctrl.init();
});
<div class="container">      
    <table class="table table-hover">
      <thead>
        <tr>
        <th>Código</th>
        <th>Nome</th>
        </tr>
      </thead>
      <tbody>
        <tr>
        <td id="cod">FSE0204</td>
        <td id="name">25130101_Loc.Finaneira - BCP- CT 400105814</td>
        </tr>
        <tr>
        <td>FSE0205</td>
        <td>25130201_Loc.Finaneira - Totta- CT 195649</td>
        </tr>   
      </tbody>
    </table>
 </div>

0 个答案:

没有答案