Array multidimensional php a jquery

[ffaffy]

Buen Dia

Tengo un serio problema con lo q trato de hacer, en un php hago un query y lo guardo en una matriz de la siguiente manera:

Código PHP:

  while ($row=mysql_fetch_assoc($sql)) {
                          $jsondata[$i]['ref']=$row['cot_referencia'];
                          $jsondata[$i]['nom']=$row['cot_nombre'];                                                      
                          $jsondata[$i]['mar']=$row['cot_marca'];                                                      
                          $jsondata[$i]['vlr']=$row['cot_valor'];                                                      
                          $jsondata[$i]['qty']=$row['cot_cantidad'];
                          $jsondata[$i]['imp']=$row['impuesto'];
                          $i++;
                   } 
   

al terminar el while solo codifico la matriz con

Código PHP:

  echo json_encode($jsondata); 
   

esta matriz la recibo en mi index en un evento ajax con jquery, los datos llegan de la siguiente manera:

[{"ref":"test","nom":"test","mar":"test","vlr":"200 00","qty":"5","imp":"1"},{"ref":"8","nom":"Aceite" ,"mar":"servicio","vlr":"50000","qty":"1","imp":"0 "}]...

y al tratar de imprimirla en mi archivo html no funcona, he investigado pero no encuentro la forma de que me muestre cada valor por separadao, aqui esta como la recibo en jquery:

Código Javascript:

$.ajax({
                           url:'../task/cls_referencias.php',
                           type:'POST',
                           data:'task=6&tipo=3',                           
                           cache: false,
                           dataType:'json',
                           success:function(datos){
                              //items = [];
                              //$.each(datos, function(key, val){
                                        $('#resultado').html(datos.ref);                             
                              //});                                                         
                           },
                           error:function(){alert('Error: En el request del autofill de la cotización.');}
                          });
 

he intentado con $.each, pero o no me imprime nada o solo el ultimo resultado si lo hago de la siguiente manera:

Código Javascript:

$('#resultado').html(datos[0].ref);
 

solo me muestra la posición que le indique de la matriz, pero deseo es q me muestre todos los valores, espero hacerme entender......y agradezco mucho la ayuda.....mil gracias

[Naahuel]

Probá con $.map(). Algo así:

Código Javascript:

var $resultado = $('#resultado');
var ojson = [{"ref":"test","nom":"test","mar":"test","vlr":"200 00","qty":"5","imp":"1"},{"ref":"8","nom":"Aceite" ,"mar":"servicio","vlr":"50000","qty":"1","imp":"0 "}];
 
$.map(ojson, function(val, i){
    // val.ref, val.nom, val.mar, etc...
    $resultado.append('<p>'+  val.ref +'</p>')
});
 

[ffaffy]

@Naahuel......muchas gracias funciono perfecto.....crei que tenia mal implementado $.each....lo acomode un poso segun tu sugerencia pero aun asi no funciono.....pero con $.map funciona muy bien....gracias.......