How can I pass a jinja2 object to a jquery function as parameter?

Question

In my python script, I have something like this

students = getStudent()  
return render_template('index.html', students = students)

students is a list of student, and each student has attributes like name, id, gpa, ....

In index.html, I have a selection like this

 <select class="form-control" onchange="changeStudent">
     {% for student in students %}
         <option>{{student.name}}</option>
     {% endfor %}
 </select>

Now I want to implement a jquery function that can do can for example print out the student information if that student is selected.

function changeStudent(student) {
    alert(student.name)
}

How can I do that? Thanks in advance.

Answer 1

If you're using an inline <script type="application/javascript"> element in your HTML you can just drop it straight in there.

Just make sure the object in your context is a JSON formatted string and that the data is genuinely safe .

view.py

import json
def index_view():
    students = json.dumps(getStudent())
    return render_template('index.html', students = students)

index.html

<html>
<body>
    <script type="application/javascript">
      var students = {{ students|safe }};
      // do your thang...    
    </script>
</body>
</html>

How can I pass a jinja2 object to a jquery function as parameter?

Question

1 answers

solution1
0 2017-12-11 19:37:30

How can I pass a jinja2 object to a jquery function as parameter?

Question

1 answers

solution1 0 2017-12-11 19:37:30

solution1
0 2017-12-11 19:37:30