Помогите разобраться с ajax...

Добрый день!
Проще всего использовать библиотеку jQuery для этих целей.

Здесь есть два ключевых момента:

1. Настройка AJAX на использование CSRF токена
2. Само использование jQuery ajax. В этой статье я использовал ajax для пагинации - гляньте эту статью, чтобы в кратце представить себе, как просто написать ajax запрос к бэкенду.

Но если вкратце, то использование ajax в jQuery происходит так

jQuery.ajax({
    url: "/url/",
    type: "POST",
    success: function (json) {
        // handle response
    });

На основе основе вашего кода я бы сделал немного по другому заменив метод на класс:

#Создание категории
 
class CategoryList(View):
   template_name = 'store/spr/SprList.html'
 
   def get(self, request):
      form = CategoryForm()
      unit = Category.objects.all()
      return render(request,'store/spr/SprList.html',{'title':"Категории",'unit':unit,'form':form,
                         'btn_caption': 'Добавить', 'brd_class': 'border-secondary',
                         'btn_class':'btn-primary','pic_label': 'Категории',
                         'base_url': 'CategoryList', 'update_url': 'CategoryUpdate',
                         'delete_url': 'CategoryDelete'})
 
   def post(self, request):
         form = CategoryForm(request.POST or Null)
         if form.is_valid():
            form.save()
            return redirect('CategoryList')
            # return JsonResponse({'result': True }) Для работы с ajax без презагрузки страницы 
         # return JsonResponse({'result': False})

В любом случае сервер должен возращать какой то ответ иначе если форма не сохранится то будет ошибка сервера 500 вроде бы.
Так же js файл может быть реализован на ванильном js или же jquery. Лично я последнее время использую ванильный javascript, но тут уже дело выбора и того как удобно вам.
Ваша отрендеринная форма будет иметь примерно такой вид :

<form action="" method="post">
       <input type="hidden" name="csrfmiddlewaretoken" value='<--! Здесь будет сам токен -->'>
        <input type="text" name='title' id='id_title' value='<--! Тут будет хранится то что вы введёте -->'>
        </th>
<th class="pt-4 border-secondary"> 
       <button type="submit" class="btn btn-primary btn btn-sm mb-3 pt-2 pb-2 " id='btn_category_add'>Добавить</button>
       <!-- Тег а это я так понимаю обновление -->
       <a href="<!-- Ваш урл -->" ><img src="/static/images/update.png" class="btnupdate"><a>
</form>

И соответственно уже ваш файл скрипта.

// JavaScript
let btn = document.getElementById('btn_category_add')
let title = document.getElementById('id_title')
let csrf = document.getElementsByName('csrfmiddlewaretoken');
 
btn.addEventListener('click', (event)=>{
    event.preventDefault();
    form = new FormData()
    form.append('title', title)
    form.append('csrfmiddlewaretoken', csrf[0].value)
 
    // ajax 
    $.ajax({
        url: '/you url/',
        type: 'POST', 
        data: form,
        success: function(e){
            // Делаете то чно нужно с ответом
        }
    });
 
    // Axios нужно подключить библиотеку перед файлом вашего js
 
    axios.post('/you url/', form).then(response =>{
        //Выполняете нужные вам действия
    }).catch(response =>{
        //Сообщаете об ошибке или предпринимаете другие действия
    })
 
})
 
// JQuery
 
$('#btn_category_add').on('click', function(event){
    event.preventDefault();
    title = $('#id_title').value
    let csrf = document.getElementsByName('csrfmiddlewaretoken');
 
    form = new FormData()
    form.append('title', event)
    form.append('csrfmiddlewaretoken', csrf[0].value)
 
    // ajax 
    $.ajax({
        url: '/you url/',
        type: 'POST', 
        data: form,
        success: function(e){
            // Делаете то чно нужно с ответом
        }
    });
 
    // Axios нужно подключить библиотеку перед файлом вашего js
 
    axios.post('/you url/', form).then(response =>{
        //Выполняете нужные вам действия
    }).catch(response =>{
        //Сообщаете об ошибке или предпринимаете другие действия
    })
})

В общем получится что то типа этого. Существует ещё fetch для отправки аякс запросов, н оя что то подумал его не указывать ибо синтаксис у него как и у обычного ajax, ибо они родственники.

Большое спасибо! Буду