Невозможно отобразить внешние данные JSON в Backbone + Handlebars

Question

Невозможно отобразить внешние данные JSON в Backbone + Handlebars

0

Я использую Thorax (Backbone + Handlebars) для разработки приложения и пытаюсь загрузить внешний файл JSON, который будет использоваться в шаблоне. Работа с Coffeescript.

Мои тестовые данные JSON:

{
   "name" : "John Doe"
}

Мой шаблон:

Thorax.templates['space'] = Handlebars.compile """
  <h2>Hello, {{name}}.</h2>
"""

Функция успеха моего вызова Ajax:

success: (json) =>
    data = {space: json}
    $(app.appContainer).html(@template(data))

Весь процесс работает до фактического отображения данных в шаблоне. Так что все, что я получаю, это Hello. - Я пробовал следовать инструкциям здесь и присваивал данные JSON объекту, без везения. И прежде чем вы спросите, я проверил console.log 'ed json чтобы проверить, что данные JSON на самом деле проходят.

Какие-либо предложения?

Jody Heavener 24 апр. 2014, в 20:17

Источник

0

Разве вы не хотите сказать @template(json) вместо того, чтобы оборачивать входящее {name: 'John Doe'} в другой объект?
mu is too short 24 апр. 2014, в 18:29
0

Это имело бы смысл, я просто делал это из-за ответа, который нашел здесь: stackoverflow.com/questions/11462494/… хотя я попробовал это так, как вы предложили, но безуспешно
Jody Heavener 24 апр. 2014, в 18:30
0

@template(json) должен работать ( jsfiddle.net/ambiguous/8ugBr ), если кто-то не возится за вашей спиной.
mu is too short 24 апр. 2014, в 18:38
0

Хммм .. определенно не мог заставить это работать так. Я боюсь, что кто-то возится. Я был бы рад опубликовать больше моего кода, если это поможет? Очень хочу выяснить это :(
Jody Heavener 24 апр. 2014, в 18:47
0

Вы уверены, что json является объектом? Просто выстрел в темноте, похоже, он должен работать для меня.
mu is too short 24 апр. 2014, в 18:50
0

После json console.log'а я получаю это в консоли: dropbox.com/s/f988s89htaqnc4a/… - это правильный объект JSON?
Jody Heavener 24 апр. 2014, в 18:52
0

Это похоже на строку для меня. Чтобы убедиться, сравните console.log({ name: 'John Doe' }) и console.log("{\n\"name\" : \"John Doe\"\n}") .
mu is too short 24 апр. 2014, в 19:13
0

Ага! Я понимаю это - оооочень это означает, что мои данные сбрасываются, верно? Мне просто нужно вернуть его как реальный объект, как вы упоминали ранее.
Jody Heavener 24 апр. 2014, в 19:19
0

Может быть, проверить наличие проблем с типом контента, возможно, сервер говорит text/plain вместо application/json . Вы всегда можете разобрать JSON самостоятельно, если это необходимо, но это будет последним средством.
mu is too short 24 апр. 2014, в 19:21
0

Ты понял. Я сделал сервер установил application/json в качестве Content-type. Таааааа ты! Не стесняйтесь поставить это как ответ :)
Jody Heavener 24 апр. 2014, в 19:33

Показать ещё 8 комментариев

Теги:

jquery

json

handlebars.js

coffeescript

backbone.js

1 ответ

Ещё вопросы

Разве вы не хотите сказать @template(json) вместо того, чтобы оборачивать входящее {name: 'John Doe'} в другой объект?
Это имело бы смысл, я просто делал это из-за ответа, который нашел здесь: stackoverflow.com/questions/11462494/… хотя я попробовал это так, как вы предложили, но безуспешно
@template(json) должен работать ( jsfiddle.net/ambiguous/8ugBr ), если кто-то не возится за вашей спиной.
Хммм .. определенно не мог заставить это работать так. Я боюсь, что кто-то возится. Я был бы рад опубликовать больше моего кода, если это поможет? Очень хочу выяснить это :(
Вы уверены, что json является объектом? Просто выстрел в темноте, похоже, он должен работать для меня.
После json console.log'а я получаю это в консоли: dropbox.com/s/f988s89htaqnc4a/… - это правильный объект JSON?
Это похоже на строку для меня. Чтобы убедиться, сравните console.log({ name: 'John Doe' }) и console.log("{\n\"name\" : \"John Doe\"\n}") .
Ага! Я понимаю это - оооочень это означает, что мои данные сбрасываются, верно? Мне просто нужно вернуть его как реальный объект, как вы упоминали ранее.
Может быть, проверить наличие проблем с типом контента, возможно, сервер говорит text/plain вместо application/json . Вы всегда можете разобрать JSON самостоятельно, если это необходимо, но это будет последним средством.
Ты понял. Я сделал сервер установил application/json в качестве Content-type. Таааааа ты! Не стесняйтесь поставить это как ответ :)

mu is too short · Accepted Answer · 2014-04-24T19-31-00.000Z

Высказывание @template(json) должно работать, если json действительно является объектом { name: 'John Doe' }. Но похоже, что вы получаете строку JSON в аргументе json а не в анализируемом объекте. Это объясняет результаты, которые вы видите из console.log, вывод в консоли больше похож на то, что

console.log("{\n\"name\" : \"John Doe\"\n}")

будет производить, чем то, что

console.log({"name": "John Doe"})

будет производить.

Возможно, ваш сервер отправляет обратно JSON с неправильным Content-Type, поэтому никто не знает, что он должен пройти через JSON.parse до того, как будет вызван ваш обработчик. Попробуйте установить код сервера, чтобы включить заголовок Content-Type: application/json; то вы можете сказать:

success: (json) =>
    $(app.appContainer).html(@template(json))

и он должен работать. Если вы не можете этого сделать, то в крайнем случае вы можете сами проанализировать JSON:

success: (json) =>
    json = JSON.parse(json)
    $(app.appContainer).html(@template(json))