Tablas Dinamicas con Selects

[Gerardo12]

encontre el la web el uso de datagrid, lo k pasa y perdon por ser tan raras mis preguntas, todos los codigos k encuentro son a traves de insercion de datos de manera aleatoria lo que yo necesito es poder cargar la informacion desde una base de datos, pero es ahi donde ya me acabe de enredar no se en k parte del codigo ingresar mi consulta, el siguiente codigo es en javascript

Código Javascript:

function generatedata(rowscount, hasNullValues) {
    // preparar los datos
    var data = new Array();
    if (rowscount == undefined) rowscount = 100;
    var firstNames =["Andrew", "Nancy", "Shelley","Sven", "Elio", "Beate", "Cheryl", "Michael", "Guylene"];
    var lastNames = ["Fuller", "Davolio","Petersen", "Rossi", "Vileid", "Saylor", "Bjorn", "Nodier"];
    var productNames =["Caffe Latte", "Espresso Truffle", "Espresso con Panna", "Peppermint Mocha Twist"  ];
    var priceValues =["2.25", "1.5", "3.3", "4.5", "3.6", "3.8", "2.5", "5.0", "1.75", "3.25", "4.0"];
   
   for (var i = 0; i < rowscount; i++) {
        var row = {};
        var productindex = Math.floor(Math.random() * productNames.length);
        var price = parseFloat(priceValues[productindex]);
        var quantity = 1 + Math.round(Math.random() * 10);
 
        row["id"] = i;
 
        row["firstname"] = firstNames[Math.floor(Math.random() * firstNames.length)];
        row["lastname"] = lastNames[Math.floor(Math.random() * lastNames.length)];
        row["name"] = row["firstname"] + " " + row["lastname"]; 
        row["productname"] = productNames[productindex];
        row["price"] = price;
        row["quantity"] = quantity;
        row["total"] = price * quantity;
               
        data[i] = row;
    }
 
    return data;
}
 

esta funcion est en un archivo de nombre generardatos.js, pero funciona perfectamente pero no se en donde puedo sustituir ese codigo por mi consulta ami base de datos podrias ayudarme. gracias