एक टेम्पलेट

Question

मैं एक परियोजना के लिए एक वेब आधारित अनुप्रयोग बनाने के लिए Django उपयोग कर रहा हूँ करने के लिए एक Django दृश्य से JSON सारणी रिटर्निंग, और मैं एक टेम्पलेट के लिए एक Django दृश्य से एक सरणी लौटने मुद्दों में चल रहा हूँ।

सरणी एक छवि पेज में दिखाया गया है पर बक्से ड्राइंग के लिए एक जावास्क्रिप्ट (JQuery) स्क्रिप्ट द्वारा उपयोग किया जाएगा। इसलिए, इस सरणी में अन्य चीजों के साथ, बक्से तैयार किए जाने के लिए समन्वय होगा। ,

def annotate(request, ...): 
    ... 
    oldAnnotations = lastFrame.videoannotation_set.filter(ParentVideoLabel=label) 
    tags = serializers.serialize("json", oldAnnotations) 
    ... 
    return render_to_response('vannotate.html', {'tags': tags, ...}) 

डिबगिंग के एक तरीके के रूप में टेम्पलेट के एचटीएमएल हिस्से में {{ tags }} का उपयोग कर उत्पादन के रूप में इस देता है:

यह Django दृश्य JSON के रूप में आवश्यक डेटा मिलता है और यह क्रमानुसार करने के लिए इस्तेमाल किया में कोड है (लंबी लाइन के लिए खेद है):

[{"pk": 491, "model": "va.videoannotation", "fields": {"ParentVideoFile": 4, "ParentVideoFrame": 201, "ParentVideoLabel": 4, "top": 220, "height": 30, "width": 30, "ParentVideoSequence": 16, "left": 242}}, {"pk": 492, "model": "va.videoannotation", "fields": {"ParentVideoFile": 4, "ParentVideoFrame": 201, "ParentVideoLabel": 4, "top": 218, "height": 30, "width": 30, "ParentVideoSequence": 16, "left": 307}}] 

जो मुझे लगता है कि एक JSON सरणी के लिए सही प्रारूप है।

बाद टेम्पलेट में, मैं, इस प्रकार वास्तव में टेम्पलेट के लिए जावास्क्रिप्ट हिस्से में tags चर का उपयोग करने का प्रयास:

{% if tags %} 
    var tagbs = {{ tags|safe }}; 
    var tgs = JSON.parse(tagbs); 
    alert("done"); 
{% endif %} 

अगर मैं var tgs = JSON.parse(tagbs); लाइन निकालें, तब चेतावनी बॉक्स अप ठीक पॉप , और बाकी जावास्क्रिप्ट अपेक्षित काम करता है। हालांकि, इस लाइन को लिपि में छोड़कर लिपि को छोड़ दिया गया है।

मैं Django मॉडल में सभी वस्तुओं के माध्यम से पुनरावृति और जावास्क्रिप्ट में क्षेत्रों के मूल्यों को प्राप्त करने में सक्षम होना चाहता हूँ।

मुझे यकीन है कि मैं गलत यहाँ क्या कर रहा हूँ नहीं कर रहा हूँ, किसी को ऐसा करने के लिए सही तरीके से बाहर बिंदु सकता है?

Answer 1

JSON जावास्क्रिप्ट स्रोत कोड है। अर्थात। सरणी का JSON प्रतिनिधित्व जावास्क्रिप्ट स्रोत कोड है जिसे आपको सरणी को परिभाषित करने की आवश्यकता है।

तो बाद:

var tagbs = {{ tags|safe }}; 

tagbs डेटा आप चाहते हैं एक JavaScript है। JSON.parse() को कॉल करने की कोई आवश्यकता नहीं है, क्योंकि वेब ब्राउज़र ने इसे पहले ही जावास्क्रिप्ट स्रोत कोड के रूप में पार्स किया है।

तो तुम और

var tagbs = {{ tags|safe }}; 
alert(tagbs[0].fields.ParentVideoFile); 

ऐसा करने में सक्षम होना चाहिए कि "4" दिखाना चाहिए।

Answer 2

आप टेम्पलेट में डेटा डेटा JSON-ify करना चाहते हैं; ; बचने के लिए कोई जरूरत नहीं (कोई HTML यहां है, यह जावास्क्रिप्ट है बजाय

{% if tags %} 
    var tgs = {{ tags }}; 
{% endif %} 

ध्यान दें कि tags पहले से ही JSON (इस प्रकार जावास्क्रिप्ट) डेटा और सीधेडाला जा सकता है: JSON पहले से ही जावास्क्रिप्ट वास्तव में है (यह एक सबसेट है ।)

या आप इस Django snippet का उपयोग करें और सीधे टेम्पलेट (annotate विधि में serializers.serialize कॉल करने के लिए कोई जरूरत नहीं) में यह कर सकता है:

var tgs = {{ tags|jsonify }}; 

Answer 3

तुम भी django.utils से simplejson उपयोग कर सकते हैं। पसंद:

oldAnnotations = lastFrame.videoannotation_set.filter(ParentVideoLabel=label) 
dump = simplejson.dumps(oldAnnotations) 

return HttpResponse(dump, mimetype='application/json') 

आप जेएस पक्ष से इस डेटा को पार्स और एक्सेस कर सकते हैं।