Comment utiliser ces résultats JSON pour créer une table html dynamique dans jQuery?

Question

J'ai un champ de texte où l'utilisateur entre un nombre et clique sur le bouton "recherche". En cliquant sur le bouton "Recherche", il affiche tous les enregistrements JSON associés à ce numéro. Comment puis-je construire la table HTML dynamique en bouclant chaque enregistrement? Voici ma structure JSON est revenu de PHP:

[{"number":"ABC123-product1","value":"HN895","status":true}, 
{"number":"AYD223-product2","value":"JU226","status":true}, 
{"number":"AXU323-product3","value":"OL223","status":true}] 

$('#button').click(function(e){ 
    if($("#txt1field")!=''){ 
     $.getJSON("student.php",{'no' : $("#txt1field").attr('value'),'search' :''}, 
     function(data){ 
      $.ajaxSetup ({ cache: false}); 
      var i=0; 
      $.each(data, function(number,value) { 
     alert(" Number=="+data[i].number+"value==="+data[i].value); 
     i++; 
      //How do i construct HTML TABLE and put this items in to a table with each row having the 
      radiobutton , number,value 
     }); 
    }); 
    } 
    }); 

Comment puis-je construire un tableau HTML et mettre ces éléments en elle, chaque ligne ayant un bouton radio, le numéro et la valeur S'il vous plaît Aidez-moi

Answer 1

$('#button').click(function(e){ 
    if($("#txt1field")!=''){ 
     $.getJSON("student.php",{'no' : $("#txt1field").attr('value'),'search' :''}, 
     function(data){ 
      $.ajaxSetup ({ cache: false}); 
      var t; 
      $.each(data, function(number,item) { 
       t += '<tr><td><input type="radio" ... /></td><td>'+item.number+'</td><td>'+item.value+'</td></tr>'; 
      }); 


      //insert a new table 
      t = '<table ...>'+t+'</table>'; 
      $('div#output').html(t); 


      //or "append" if you wish to insert the rows in an existing table 
      $('table#output').append(t) 
     }); 
    } 
}); 

?

Bonne chance!