javascript如何遍历django传来的数组

问题是这样的：
我的views.py文件中有如下数组需要传递到后台：
def maintest(req):
person = {"name":"chaoma" , "age":27}
person2 = {"name":"yanma" , "age":34}
person_list = [person , person2]
return render_to_response("maintest.html", {"person_list":person_list})
需要在javascript中对person_list数组进行遍历
在html的head头部中:

function click_label(object)
{
    var div_object = document.getElementById("div_id");
    var pNode;
    if(div_object)
    {
        var pNode = document.createElement('label');
        var names = ""
        for(var i = 0 ; i < {{person_list}}.length ; i++)
        {
            names += {{person_list[i].name}}
        }
        pNode.innerHTML = names
        div_object.appendChild(pNode);
    }
}

但这样写是错的，
哪位大侠能指点一下，十分感谢

 {% for person  in person_list %}   
   {{ person.name }}
   {{ person.age }}
 {% endfor %} 

最好贴出客户端生成的数据格式。。不是每个人都知道python

return render_to_response("maintest.html", json.dumps({"person_list":person_list}))

转换成json格式
参考：
https://code.ziqiangxuetang.com/django/django-json-templates.html