вот неплохая статья как формировать Ajax запросы
https://simpleisbetterthancomplex.com/tutorial/201...
Вот пример из реального проекта. Тут идет удаление элементов из DOM. Аналогично можно сделать и добавление.
$(".remove-from-basket").click( function () {
$.ajax( {
headers: { "X-CSRFToken": getCookie("csrftoken") },
type: "post",
url: "{% url 'basket_widget_delete_object' %}",
dataType: "json",
data: {"remove_object_id": $(this).attr("id")},
success: function(data) {
var element = "#basket-content-table tr#" + data.removed_id;
$(element).remove();
}
});
})
