I have a collection of articles displayed in a table on my page, and I want to implement sorting functionality using AJAX by clicking on a button.
I am utilizing Dajaxice, which sends a request to ajax.py for the example1 method and receives JSON data as a response in the my_js_callback.
HTML:
<script>
function my_js_callback(data) {
alert(data)
$("#article_view_tbody").html("")
for (i=0;i<data.length;i++)
article=data[i]
$("#article_view_tbody").append("<tr><td>" + data[i].title...) // here i need to set url for article edit
}
</script>
<button type="button" onclick="Dajaxice.content.example1(my_js_callback);">Click Me!</button>
<table>
<tbody id="article_view_tbody">
{% for article in articles %}
<tr>
<a class="article_link" href="{% url article_detail article.id %}">
{{ article.title }}
</a>
</td>
</tr> ...
ajax.py:
from django.utils import simplejson
from django.core import serializers
from dajaxice.decorators import dajaxice_register
from models import Article
def get_by_date_queryset():
return Article.objects.all().order_by('created_on')
@dajaxice_register
def example1(request):
""" Handling sorting requests """
queryset = get_by_date_queryset()
json_serializer = serializers.get_serializer("json")()
return json_serializer.serialize(queryset, ensure_ascii=False)
It is not possible to pass {% url %} tags directly into JavaScript. Is there a way to reload the tbody element with AJAX without appending new data with JavaScript?