jQuery avec JSON

Question

Je le fichier de code JSON suivant nommé: sections.json

{ 
    "section1": { "priority": 1, "html": '<img src="../images/google.png" />'}, 
    "section2": { "priority": 2, "html": '<input type="button" value="Login" />'}, 
    "section3": { "priority": 3, "html": '<div>Some text</div>'}, 
    "section4": { "priority": 4, "html": '<div>Some text</div>'}, 
    "section5": { "priority": 5, "html": '<select><option>option1</option> <option>option2</option></select>'} 
} 

J'essaie dans votre code jquery mais alerte ne fonctionne pas

$.getJSON("sections.json", function(json) { 
    alert('h'); 
}); 

Answer 1

Votre JSON devrait ressembler à ceci:

{ 
    "section1": { "priority": 1, "html": "<img src='../images/google.png' />"}, 
    "section2": { "priority": 2, "html": "<input type='button' value='Login' />"}, 
    "section3": { "priority": 3, "html": "<div>Some text</div>"}, 
    "section4": { "priority": 4, "html": "<div>Some text</div>"}, 
    "section5": { "priority": 5, "html": "<select><option>option1</option> <option>option2</option></select>"} 
} 

Les valeurs doivent être JSON, les guillemets simples ne suffiront pas :) A partir de jQuery 1.4, JSON invalide n'est plus autorisé par défaut (ils ont ajouté des vérifications supplémentaires pour s'assurer de sa validité, et le JSON dans votre question est bloqué par ceux :)

Answer 2

semble être JSON invalide si JQuery échoue silencieusement (voir http://api.jquery.com/jQuery.getJSON/). Essayez http://www.jsonlint.com/ pour valider votre fichier JSON.

E.g. pour la section 1 la valeur html doit être "<img src='../images/google.png' />"

Vérifiez cette réponse pour un exemple de balises HTML dans JSON: HTML tags within JSON (in Python)