[SOLUCIONADO] Tabla de javascript con ajax

[hextrem]

Buenas tengo una duda necesito crear una tabla en javascript mediante ajax. Es para crear como un tipo de tienda que en la tabla me aparezcan los resultados de la base de datos de los productos y no se si debaria usar json ya que seria un array de los productos y precios. Ademas le devo poner un boton a cada fila para poder meter un metodo como seria comprar.
Muchas gracias

[emprear]

En definitiva querés que te diseñemos un carro de compras.
Pasá lo que has intentado hasta el momento y vemos si se te puede orientar.
Por lo pronto

datos.json

Código:

{
     "nombre":"Emprear",
     "salario":"20.000",
     "aumento":"5560"
}

Código Javascript:

if(conexion1.readyState == 4)
  {
    var datos=JSON.parse(conexion1.responseText); // procesa datos json
    var salida = "Nombre:"+datos.nombre+"<br>";
    salida=salida+"Salario:"+datos.salario+"<br>";
    salida=salida+"Aumento:"+datos.aumento+"<br>";
 
    resultados.innerHTML = salida;
  } 
  else 
  {
    resultados.innerHTML = "Cargando...";
  }
 

[hextrem]

muchas gracias de momento lo llevo asi supuestamente tiene que funcionarme.
<script language="javascript">
var obj;

function seleccion(){
if(window.XMLHttpRequest){
obj=new XMLHttpRequest();
}
else if(window.AxtiveXObject){
obj=new AxtiveXObject("Microsoft.XMLHttp");
}
else{alert("No dispone de ajax");
return;
}

var seci = document.getElementById("secion");
var secion = seci.options[seci.selectedIndex].value;

obj.open("GET","pro?secion="+secion,true);
obj.onreadystatechange=retorno;
obj.send(null);

}
function retorno(){

if(obj.readyState==4){
if(obj.status==200){


var raiz= obj.responseText;
var p = eval("("+raiz+")")



var tabla = "<table border = '1'>";
tabla +="<tr>";
tabla +="<th>Comprar</th>";
tabla +="<th>Producto</th>";
tabla +="<th>Precio</th>";
tabla += "<th>Descripcion</th>";
tabla +="</tr>";
for(var i = 0;i<p.length;i++){
var ob = p[i];

tabla += "<tr>";
tabla += "<td>Comprar</td>";
tabla += "<td>"+ob.producto+"</td>";
tabla += "<td>"+ob.precio+"</td>";
tabla += "<td>"+ob.descripcion+"</td>";
tabla += "</tr>";
}
tabla += "</table>"
document.getElementById("datos").innerHTML=tabla;
}
}}
pero se queda en la combracion de status