JQuery с JSON

Question

У меня есть следующий файл кода json с именем: section.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>'}
}

Я пытаюсь это сделать в коде jquery, но предупреждение не работает

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

Answer 1

Ваш 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>"}
}

Значения должны быть двойными , указанными в кавычках, чтобы быть действительными JSON, одинарные кавычки не подойдут :) Начиная с jQuery 1.4, недопустимJSON больше не разрешен по умолчанию (они добавили некоторые дополнительные проверки, чтобы убедиться, что он действителен, и JSON в вашем вопросе блокируется из-за этого):

Answer 2

Кажется недействительным JSON, поэтому JQuery молча завершается сбоем (см. http://api.jquery.com/jQuery.getJSON/). Попробуйте http://www.jsonlint.com/ проверить ваш файл JSON.

Например, для раздела 1 значение html должно быть "<img src='../images/google.png' />"

Посмотрите этот ответ для примера тегов html в JSON: HTML-теги в JSON (в Python)