無法使用從Django中發送到模板字典

Question

我有蟒蛇以下字典，我發送到模板：

mydict = { 
    "ABC": { 
     "target_weight": 1, 
     "target_ra_weight": 2 
    }, 
    "XYZ": { 
     "target_weight": 3, 
     "target_ra_weight": 4 
    }, 
    "JKL": { 
     "target_weight": 5, 
     "target_ra_weight": 6 
    } 
} 
return render(request, 'template.html', {'mydict': mydict}) 

我似乎無法在這個分配給一個JavaScript變量和訪問內容。我已經嘗試了所有下面的我的模板的JavaScript部分：

var mydict = {{ mydict }}; 
> Uncaught SyntaxError: unexpected token { 

var mydict = {{ mydict|safe }}; 
> Uncaught SyntaxError: unexpected token { 

var mydict = {{ mydict|escapejs }}; 
> Uncaught SyntaxError: unexpected token { 

下面讓我來創建變量，但是當我試圖訪問它（如：執行console.log（mydict）），然後我錯了：

var mydict = JSON.parse('{{ mydict }}'); 
console.log(mydict); 
> Uncaught SyntaxError: unexpected token { in JSON at position 1 
// same thing happens when using |safe or |escapejs 

Answer 1

你需要JSON，而不是字典。使用json.dumps功能：

import json 

mydict = { 
    "ABC": { 
     "target_weight": 1, 
     "target_ra_weight": 2 
    }, 
    "XYZ": { 
     "target_weight": 3, 
     "target_ra_weight": 4 
    }, 
    "JKL": { 
     "target_weight": 5, 
     "target_ra_weight": 6 
    } 
} 
return render(request, 'template.html', {'mydict': json.dumps(mydict)}) 

和模板：

var mydict = JSON.parse('{{ mydict|safe }}');