Tengo el siguiente json
[
{"id":1, "proveedor_id":1, "nombre":"ham Clasica", "precio":3},
{"id":2, "proveedor_id":1, "nombre":"ham Alioli", "precio":4.8},
{"id":3, "proveedor_id":1, "nombre":"ham Guayanesa", "precio":4.5},
{"id":4, "proveedor_id":1, "nombre":"ham New York", "precio":5.6},
{"id":5, "proveedor_id":1, "nombre":"ham Tender Crispy", "precio":5.7},
{"id":6, "proveedor_id":1, "nombre":"ham Chicken Roma", "precio":5.5},
{"id":7, "proveedor_id":1, "nombre":"ham Steak Lomito", "precio":6.2}
]
...y lo recibo a través de este código:
query.done(function(data) {
JSON.parse(data);
});
Mi pregunta es ¿cómo recorrer y obtener todos los valores del json para posteriormente desplegarlo en una tabla html con jquery o js?
me sale siguiente error en cosola
jquery-3.5.1.min.js:2 Uncaught TypeError: Cannot use 'in' operator to search for 'length' in [{"id":1,"proveedor_id":1,"nombre":"ham Clasica","precio":3},{"id":2,"proveedor_id":1,"nombre":"ham Alioli","precio":4.8},{"id":3,"proveedor_id":1,"nombre":"ham Guayanesa","precio":4.5},{"id":4,"proveedor_id":1,"nombre":"ham New York","precio":5.6},{"id":5,"proveedor_id":1,"nombre":"ham Tender Crispy","precio":5.7},{"id":6,"proveedor_id":1,"nombre":"ham Chicken Roma","precio":5.5},{"id":7,"proveedor_id":1,"nombre":"ham Steak Lomito","precio":6.2}]
at p (jquery-3.5.1.min.js:2)
at Function.each (jquery-3.5.1.min.js:2)
at Object.<anonymous> (index.js:29)
at c (jquery-3.5.1.min.js:2)
at Object.fireWith [as resolveWith] (jquery-3.5.1.min.js:2)
at l (jquery-3.5.1.min.js:2)
at XMLHttpRequest.<anonymous> (jquery-3.5.1.min.js:2)
y utilicé el .each de esta manera:
query.done(function (data) {
JSON.parse(data);
$.each(data, (index, value) =>{
console.log(value);
});
});
for
,forEach
,for...of
,while
...