Adding/Removing via Ajax

[coleifer]

Adding/Removing via Ajax

[epicserve]

@iranana,

I'm learning django-relationships and saw your question. I tested the following and it worked for me.

{% extends "base.html" %}

{% load url from future %}

{% block bottom_script %}
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $.ajaxSetup({
                 beforeSend: function(xhr, settings) {
                     function getCookie(name) {
                         var cookieValue = null;
                         if (document.cookie && document.cookie != '') {
                             var cookies = document.cookie.split(';');
                             for (var i = 0; i < cookies.length; i++) {
                                 var cookie = jQuery.trim(cookies[i]);
                                 // Does this cookie string begin with the name we want?
                             if (cookie.substring(0, name.length + 1) == (name + '=')) {
                                 cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                                 break;
                             }
                         }
                     }
                     return cookieValue;
                     }
                     if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
                         // Only send the token to relative URLs i.e. locally.
                         xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
                     }
                 }
            });
            $('#add-friend-btn').click(function() {
                var add_link = $(this);
                $.post(add_link.attr('href'), {}, function(data) {
                    if (data.result === '1') {
                        alert("Success, you're now following your friend.");
                    } else {
                        alert("Something went wrong!");
                    }
                });
                return false;
            });
        });
    </script>
{% endblock bottom_script %}

{% block base_content %}
    <a href="{% url 'relationship_add' 'example-username' 'following' %}" id="add-friend-btn">Follow Friend</a>
{% endblock base_content %}

[coleifer]

Yes -- and depending on your middleware etc you may not need the csrftoken logic.