хотя толку в этом 0

Коллеги, добрый день. Я бэкенд разработчик, по js не особо шарю. Прошу помочь кое в чем. Задача, после запроса DELETE с помощью fetch, мне нужно сделать редирект на другую страничку. сделал так:

<script>
    function deleteRole() {
        var select = document.getElementById("id_roles");
        var role = select.options[select.selectedIndex].value;
        var url = "{% url 'delete-permissions' tool_name=obj.name %}";
        fetch(url, {method: 'DELETE', headers: {
                                                'Content-Type': 'application/json;charset=utf-8'
                                                },
              body: JSON.stringify({role: role})}).then(res => res.json()).then(result => console.log(result));
        location.href="{% url 'admin:index' %}";
    }
</script>

Но редирект выполняется, а запрос нет, в чем может быть проблема?
TypeError: NetworkError when attempting to fetch resource.

Решил проблему поставив таймаут.

Как можно сравнить два объекта, если в них есть рекурсивные ссылки? Я пробовал кэшировать, но кэш не сохраняется, потому что функция, результат которой записывается в кэш, ни разу не дошла до конца :( (функция обхода объекта тоже с рекурсией)

Fetch возвращает промис.

fetch.then(() => {твой код})

fetch.then(() => {твой код})

То есть после запроса он и редиректится? У меня такой вопрос, таймаут то стоит, а что если время ожидания будет больше и запрос не выполнится?

что значит "не дошла до конца"?

ну она рекурсивная, и крутится по кругу

в итоге переполняется стэк вызова

Ну вообще ничего. Js однопоточный, и хоть ты 0 на таймауте поставишь - он выполниться всегда после.

<script>
    function deleteRole() {
        var select = document.getElementById("id_roles");
        var role = select.options[select.selectedIndex].value;
        var url = "{% url 'delete-permissions' tool_name=obj.name %}";
        fetch(url, {method: 'DELETE', headers: {
                                                'Content-Type': 'application/json;charset=utf-8'
                                                },
              body: JSON.stringify({role: role})}).then(res => res.json()).then(result => console.log(result));
        location.href="{% url 'admin:index' %}";
    }
</script>

судя по ошибке и описанию, то какая-то проблема с сетью, запрос не проходит

а после этого уже выполняется редирект

ну значит надо сделать чтобы не вызывалась бесконечно

Вот в том то и дело что странно, после запроса должно все происходить, но похоже специфика fetch может быть в чем то, так как запрос не проходит а редирект выполняется

запрос не выполнился по какой-то причине, но дальше выполнение всегда попадет в .then, вам надо внутри этого .then проверить код ответа и или сгенерировать ошибку или выполнить редирект

+ у вас вообще редирект сразу после fetch стоит

сейчас добавил .then() выполняется все как нужно

Это не хорошо?

а fetch асинхронный, он не будет дожидаться ответа

Ага, вот теперь понятно