Добавить HTML в JSON

Question

Я новичок в JSON. Моя главная цель - создать jquery-карусель, который заполняется с помощью JSON. Когда у меня есть что-то вроде этого, и я пытаюсь проверить я получаю сообщение об ошибке:

{ 
    "error":"", 
"hasMore":true, 
"html":"<!-- Cache: Off - --> <!-- MAIN COLUMN -->  <!-- PRODUCT RESULTS -->      
<li class=\"product\"> ..." 
} 

ошибка с «HTML», когда я запустить его в jsonlint.com я получаю эту ошибку:

Parse error on line 4: 

...: true,"html": "<!-- Cache: Off - 
----------------------^ 
Expecting 'STRING', 'NUMBER', 'NULL', 'TRUE', 'FALSE', '{', '[' 

любая помощь была бы оценена

Answer 1

Удалите дополнительные разрывы строк перед тем li tag,

{ 
    "error": "", 
    "hasMore": true, 
    "html": "<!-- Cache: Off --> <!-- MAIN COLUMN --> <!-- PRODUCT RESULTS --> <li class=\"product\"> ..." 
} 

Validated о n Jsonlint

Answer 2

Вы контент (HTML), включая разрыв строки.

Update:

Если вы используете PHP, пожалуйста nl2br(), чтобы избежать "\ п" перед кодированием в формате JSON.

Если вы используете другие языки, удалите/уберите «\ n» перед кодировкой json.

Answer 3

Заменить разрыв строки с \n, т.е. заменить это:

"key": "before linebreak 
after linebreak" 

с этим:

"key": "before linebreak\nafter linebreak" 

Answer 4

JSON не допускает появления новых строк внутри строк.

{ 
    "error":"", 
"hasMore":true, 
"html":"<!-- Cache: Off - --> <!-- MAIN COLUMN -->  <!-- PRODUCT RESULTS -->      
<li class=\"product\"> ..." 
} 

Должно быть:

{ 
    "error":"", 
    "hasMore":true, 
    "html":"<!-- Cache: Off - --> <!-- MAIN COLUMN -->  <!-- PRODUCT RESULTS -->     \n<li class=\"product\"> ..." 
} 

\n является то, что важно.