Saltar al contenido

¿Cómo analizar datos JSON con jQuery/JavaScript?

Tenemos el arreglo a este atascamiento, al menos eso esperamos. Si presentas dudas puedes dejar un comentario, para nosotros será un gusto ayudarte

Solución:

Asumiendo que su script del lado del servidor no establece el correcto Content-Type: application/json encabezado de respuesta, deberá indicar a jQuery que se trata de JSON mediante el dataType: 'json' parámetro.

Entonces podrías usar el $.each() Función para recorrer los datos:

$.ajax( 
    type: 'GET', 
    url: 'http://example/functions.php', 
    data:  get_param: 'value' , 
    dataType: 'json',
    success: function (data)  
        $.each(data, function(index, element) 
            $('body').append($('
', text: element.name )); ); );

o usar el $.getJSON método:

$.getJSON('/functions.php',  get_param: 'value' , function(data) 
    $.each(data, function(index, element) 
        $('body').append($('
', text: element.name )); ); );

Entorno dataType:'json' analizará JSON por usted:

$.ajax(
  type: 'GET',
  url: 'http://example/functions.php',
  data: get_param: 'value',
  dataType: 'json',
  success: function (data) 
    var names = data
    $('#cand').html(data);
  
);

O bien puedes usar parseJSON:

var parsedJson = $.parseJSON(jsonToBeParsed);

Entonces puedes iterar lo siguiente:

var j ='["id":"1","name":"test1","id":"2","name":"test2","id":"3","name":"test3","id":"4","name":"test4","id":"5","name":"test5"]';

…mediante el uso $().each:

var json = $.parseJSON(j);
$(json).each(function (i, val) 
  $.each(val, function (k, v) 
    console.log(k + " : " + v);
  );
); 

JSFiddle

Prueba el siguiente código, funciona en mi proyecto:

//start ajax request
$.ajax(
    url: "data.json",
    //force to handle it as text
    dataType: "text",
    success: function(data) 

        //data downloaded so we call parseJSON function 
        //and pass downloaded data
        var json = $.parseJSON(data);
        //now json variable contains data in json format
        //let's display a few items
        for (var i=0;i'+json[i].name+'');
        
    
);

Puedes secundar nuestro trabajo añadiendo un comentario y puntuándolo te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *