Bonjour
 
Titre : sujet json jquery ajax
 
Voici l'allure du fichier "json" :
 
{
  "websites": [
    {
      "name": "Nom1",
      "link": "http://www.nom1.fr",
      "image-link": "images/perfect.png"
    },
  {
      "name": "nom2",
      "link": "http://nom2.fr",
      "image-link": "images/espace_eleve.png"
    },
 
C'est donc un objet qui a une clé/valeur, la valeur est un tableau d'objets qui sont des clés/valeur
 
Comment manipule-ton cela avec du jquery et ajax j'ai trouvé cela sur le net mais ça semble pas exactement la meme chose pour faire marcher mon programme :
 
 
$.getJSON('get_json.php', function(data) {
 
  // Construction d'une liste contenant les donnees JSON
  var output = "<ul>";
 
  // On passe en revue les cles et valeurs une a une
  $.each(data, function(key, value) {
    output += '<li><strong>' + key + ' : </strong>' + value + '</li>';
  });  
 
  output += "</ul>"
 
  // Enfin on insere la liste dans la page
  $('#json-use-response').html('').html(output);
 
});
 
sur  
 
 http://tuts.syrinxoon.net/tuts/uti [...] query-ajax  
 
mais moi c'est plus compliqué, rien ne marche quand j'utilise cela.
 
Cordialement

Voilà ce que j'ai fait mais ca marche pas :
 
$.getJSON('data.json', function(data) {
 
 $.each(data, function(key, value) {
 
  $.each(value, function() {
   $.each(this, function(key1,key2,key3){
    $('#div-website').append('<div class="website" ><a href="' + key1 + '" ><img src= "' +key2+'" /></a></li><p>' + key3 +'</p></div>');
   });
   
   
  });
 });
 
});