How to create HTML for django objects after AJAX?

Question

This must be pretty basic or Im just thinking it wrong. Please help.

In a template I query a few objects and display them as follows:

{% for obj in objects %}
 {{obj.attr1}}
 {{obj.attr2}}
{% endfor }}

Now, suppose I create another object at the server side and respond back the new object data with AJAX, for example this is the response: :

{'attr1':some_attribute,
 'attr2':some_attribute'}

How do i append the new object to the for loop of objects?

Can you clarify or rephrase the question? I'm not sure what you're asking here. — Joseph
– Joseph, Commented Oct 6, 2013 at 2:50
possible duplicate of Building HTML with templates versus building it in javascript? — zinking
– zinking, Commented Oct 6, 2013 at 8:02

mariodev · Accepted Answer · 2013-10-06 08:06:48Z

1

You need to add some html tags to your content like this:

<ul class="content">
{% for obj in objects %}
    <li>{{obj.attr1}}, {{obj.attr2}}</li>
{% endfor %}
</ul>

then use jQuery to append new object:

$('.content').append('<li>' + data.attr1 + ', '+ data.attr2 + '</li>');

data is the response object.

answered Oct 6, 2013 at 7:59

mariodev

15.7k4 gold badges56 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1