2017-02-16 7 views
0

Я посылаю шаблон, а также объект JSON, как делают в представлениях ДжангоПолучение значения объекта JSON в веб-интерфейсе

views.py

def view(request): 
return render(request, "projectboard/about.html", {'name':"daredevil"}) 

Как отобразить этот объект в JSON передний конец?

about.html

<div ui-view> 
<div class="container"> 
<h1><center>The about Page</center></h1> 

</div> 
<script type="text/javascript"> 
data_from_django = {{ my_data }} 
widget.init(data_from_django); 
</script> 

ответ

1
def view(request): 
    data = {"name":"daredevil"} 
    return render(request, "projectboard/about.html", {'my_data':data}) 

здесь data является контекст, который передается на HTML странице

В HTML странице доступа data с его key т.е. здесь "MYDATA"

 <div ui-view> 
<div class="container"> 
<h1><center>The about Page</center></h1> 

</div> 
<script type="text/javascript"> 
data_from_django = {{ my_data }} 
widget.init(data_from_django); 
</script> 
+0

У меня появилось сообщение о том, что «data_from_django не определен» – ARUNIMA

+0

Вы можете отобразить {{my_data}} вне сценария – Bijoy

+0

Нет. Он ничего не показывает. – ARUNIMA

0

Попробуйте изменить эту строку:

var data_from_django = '{{ name|escapejs }}'; 

escapejs правильно ускользает значение для контекста строки JavaScript.

+0

У меня появилось сообщение о том, что «data_from_django не определен» – ARUNIMA

+0

Была ли ошибка в консоли браузера? Или из экрана ошибок Django? Вы можете проверить, что созданный HTML выглядит так: 'data_from_django = '{\' name \ ': \" daredevil \ "}';'? – Scovetta

+0

Да. Это было в консоли браузера. Uncaught ReferenceError: data_from_django не определен на : 5: 15 при р (jquery.min.js: 2) в Ia (jquery.min.js: 3) на r.fn.init.after (Jquery. min.js: 3) в Object.enter (angular.js: 3970) в Object.enter (угловое-ui-router.min.js: 7) при q (угловое-ui-router.min.js: 7) на A (угловой-ui-router.min.js: 7) в области видимости. $ Broadcast (angular.js: 12329) при t.transition.N.then.t.transition.t.переход (угловой -ui-router.min.js: 7) – ARUNIMA