Difiero:
JavaScript por si solo no puede ser un origen de datos pero con AJAX se puede emular una base de datos en base a un array.
ejemplo:
Los datos en un array JavaScript
:
Código PHP:
var jsData = new Array( );
jsData[0] = {nombre:"Juan", anio:1930, pais:"Uruguay",
edad:42,
reside:"Argentina", hijos:2};
jsData[1] = {nombre:"Pablo", anio:1934, pais:"Italia",
edad:24,
reside:"Japon", hijos:1};
jsData[2] = {nombre:"Pedro", anio:1938, pais:"Italia",
edad:49,
reside:"Hungria", hijos:2};
jsData[3] = {nombre:"Luis", anio:1950, pais:"Uruguay",
edad:34,
reside:"USA", hijos:1};
jsData[4] = {nombre:"Fer", anio:1954, pais:"Alemania", edad:90,
reside:"Espania", hijos:2};
Una simple tabla HTML:
Código PHP:
<table id="veteranos">
<thead>
<tr><th>anio</th>
<th>Pais</th>
<th>Origen</th>
<th>Reside En</th>
<th>Hijos</th>
</tr>
</thead>
<tbody id="matchData"></tbody>
</table>
y una parser de datos JavaScript
:
Código PHP:
function drawTable(tbody) {
var tr, td;
tbody = document.getElementById(tbody);
for (var i = 0; i < jsData.length; i++) {
tr = tbody.insertRow(tbody.rows.length);
td = tr.insertCell(tr.cells.length);
td.setAttribute("align", "center");
td.innerHTML = jsData[i].anio;
td = tr.insertCell(tr.cells.length);
td.innerHTML = jsData[i].pais;
td = tr.insertCell(tr.cells.length);
td.innerHTML = jsData[i].pais;
td = tr.insertCell(tr.cells.length);
td.innerHTML = jsData[i].reside;
td = tr.insertCell(tr.cells.length);
td.setAttribute("align", "center");
td.innerHTML = jsData[i].hijos;
}
}
todo esto lo mandamos llamar en el evento OnLoad del Body:
drawTable("matchData");
Y listo!.
Es un quick & dirty.
Chequen mi tutorial de AJAX en mi site que esta hecho completamente con
http://www.fuenteria.com/?external=35