4

我使用 django 的内置方法序列化了我的一个对象，然后将其传递到我的模板中。当我将 {{goals}} 放入 html 时，数据显示完美。但是，当我尝试通过 js 脚本访问它时，它不起作用。为什么是这样？我提醒了它，它一直未定义。

#Python Views
def characterscreen(request):
    goals = serializers.serialize("json", Goal.objects.filter(userprofile=userprof)) 
    #goals = Goal.objects.filter(userprofile=userprof).values()
    return render_to_response('levelup/characterscreen.html', {'goals': goals}, context_instance=RequestContext(request))

蟒蛇模型

class Goal(models.Model):
    title = models.CharField(max_length = 30)
    userprofile = models.ForeignKey(UserProfile)
    type = models.CharField(max_length = 5)

    def __unicode__(self):
        return str(self.title)

JS文件

    $("body").onload =  load_goals();


function load_goals (){
     alert(goals);}

HTML

    <!DOCTYPE html>
    <html>
    <head>
        {% load staticfiles %}
        <title>{% block title %}{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{% static 'levelup/style.css' %}" />
        {% block header %}{% endblock%}
    </head>
    <body>
        <div id="headercontainer">
            <div id="header">

            </div>
        </div>
        {% block content %}{% endblock %}   <script type="text/Javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>  <script type="text/Javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script type="text/javascript">goals = "{{ goals|safe }}"</script>
        <script type="text/Javascript" src="{% static 'levelup/script.js' %}"></script>
    </body>
    </html>

我尝试删除引号，现在当我执行 alert(goals) 时变量只是提醒 [object Object],[object Object]

4

1 回答 1

5

这是因为外部 .js 文件不像 html 文件那样被处理。这仅适用于内联脚本。所以你应该把它放在你的 HTML 文件中：

<script type="text/javascript">
    goals = "{{ goals }}"
</script>
<script type="text/javascript" src="script.js" />

然后你可以在 script.js 中使用目标变量。

编辑：
JSON 总是使用双引号，所以你必须在它周围加上单引号。此外，尽管 JSON 字符串在不带引号的情况下实际上代表一个真正的 Javascript 对象，但最好在使用 JSON 之前对其进行解析。由于您似乎正在使用 jQUery，请使用：

goals = $.parseJSON('{{ goals|safe }}')
于 2013-08-11T21:35:04.293 回答