2011-04-04 3 views
0

je dois lire JSON comme ceci:lire JSON et mettre le contenu à div

{"error_message":"Only post requests are allowed","reservations":null,"error_code":1} 

et mettre les résultats dans 3 différents div. Je regarde ce code Best way to display data via JSON using jQuery changer le lien json et reliant la ressource externe de jquery mais je ne peux pas trouver où est le problème. grâce

voici mon code actuel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $.getJSON("./reservations.json",function(data){ 
     $.each(data, function(i,post){ 
      content += '<h3>' + error_message + '</h3>'; 
      $(content).appendTo("#error_message"); 
     }); 
    }); 
}); 

</script> 
</head> 
<body> 
    <div class="container"> 
     <div id="error_message"></div> 
     <div id="reservations"></div> 
     <div id="error_code"></div> 
    </div> 
</body> 
</html> 
+1

Quel problème avez-vous? –

+1

essayez de poster votre code afin que nous puissions vous aider mieux :) – AlexBrand

Répondre

1
content += '<h3>' + error_message + '</h3>'; 

Ni content ni error_message est définie nulle part, donc cette ligne ne fonctionnera pas.

Essayez d'utiliser:

var content = '<h3>' + post.error_message + '</h3>'; 

En outre, si le JSON est exactement comme indiqué dans la question, vous n'avez pas besoin $.each.

var content = '<h3>' + data.error_message + '</h3>'; 
$(content).appendTo("#error_message"); 
+0

En fait, error_message n'est défini nulle part non plus .. en utilisant data.error_message dans votre code original devrait fonctionner simone –

+1

@Mvision: Merci. Je me suis rendu compte de cela juste après avoir tapé ceci. J'ai mis à jour ma réponse. –

+0

merci beaucoup. Cela fonctionne avec votre aide! – simone

0

Fournir votre JSON est stocké dans une variable:

var json = {"error_message":"Only post requests are allowed","reservations":null,"error_code":1}; 

Disons que vos 3 div s sont

<div id="div1"></div> 
<div id="div2"></div> 
<div id="div3"></div> 

Si vous voulait placer le message d'erreur dans chacun de ces div s:

$('#div1, #div2, #div3').text(json.error_message); 
+0

Je pense que vous pouvez aider sur ma question connexe json. Je dois récupérer la valeur json de deux fichiers json et ajouter à deux divs (test.txt à div1 et test2.txt à div2), Comment puis-je faire cela? Je me bats sur mon code pendant 2 jours. voici la question postée: http://stackoverflow.com/questions/6260370/ – kamal

Questions connexes