パスJSON Djangoは私のviews.pyファイルで

Question

をレンダリング使用して、私が持っている辞書：

data = {'pk': '1980.24', 'model': 'artworks.metaData', 'fields': {'medium': 'Oil on canvas ', 'description': 'missing', 'credit': 'Gift of Nicholas Wyeth, 1980 ', 'collection': 2, 'height': '21.7', 'culture': 'Missing value', 'depictedPeople': 'missing', 'creation_date': '1896 ', 'account': 'n/a', 'original_url': 'http://www.metmuseum.org/art/collection/search/10738?sortBy=Relevance&what=Canvas%7cOil+paintings&ao=on&ft=*&offset=0&rpp=100&pos=1', 'url': 'annotatie01.io.tudelft.nl/collections/Metropolitan/1980.24.jpg', 'title': 'Gooseberries ', 'object_number': '1980.24', 'width': '35.7', 'artist': 'Joseph Decker '}} 

を私は自分のWebページにこの辞書にアクセス/使用できるようにしたいです。

私の試み：私は私のviews.pyでレンダリングを使用してデータを送信しようとした

、

def foo(): 
    ctx = {'data':data} 
    return render(request, 'imageView/index.html', context=ctx) 

が使用してアクセスするには：

<script type="text/javascript"> 
    var received_data = "{{data}}"; 
</script> 

をこのデータを使用して送信されますが、文字化けしています。

"{'pk': '1980.24', 'model': 'artworks.metaData', 'fields': {'medium': 'Oil on canvas ', 'descripti...etc 

私はjson.dumps(data)とJSON.parse(received_data)を使用してみましたが、これはエラーが発生した：短いで

Uncaught SyntaxError: Unexpected token & in JSON at position 1. 

：

にはどうすれば）（レンダリングジャンゴを使用してのPyからJSにJSONデータを送信することができますか？

Answer 1

最も簡単な方法は、のsimplejsonがジャンゴV1.5後に削除されたように思え

<script type="text/javascript"> 
    var received_data = "{{ data|safe }}"; 
</script> 

Answer 2

トリックを行うジャンゴ1.5以降の文字列にあなたの辞書を変換することです。それ以外

<script type="text/javascript"> 
    var received_data = "{{data|safe}}"; 
    console.log(received_data); 
</script> 

行います：imageView/index.htmlで

from django.utils import simplejson 

def foo(): 
    js_data = simplejson.dumps(data) 
    render_template_to_response("imageView/index.html", {"data": js_data}) 

imageView/index.htmlキープで

import json 

def foo(): 
    js_data = json.dumps(data) 
    render_template_to_response("imageView/index.html", {"data": js_data}) 

保持：

<script type="text/javascript"> 
    var received_data = "{{data}}"; 
    console.log(received_data); 
</script>