Как перенаправить после удаления с Symfony и js

Question

Я пытаюсь обновить страницу с js , после удалить , но я не могу найти ошибку.Я работаю с Symfony 4.

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

Это мой Контроллер :

 /// SUPPRIMER UNE VIDEO ///

/**
 * @Route("/supprimerVideo/{id}", name="deleteVideo")
 * @Method({"DELETE"})
 * @param Request $request
 * @param $id
 * @return \Symfony\Component\HttpFoundation\RedirectResponse
 */
public function deleteVideo(Request $request, $id){

    $mediaVideo = $this->getDoctrine()->getRepository(MediaVideo::class)->find($id);

    $entityManager = $this->getDoctrine()->getManager();
    $entityManager->remove($mediaVideo);
    $entityManager->flush();

    $response = new Response();
    $response->send();
}}

Это мой js файл:

const videos = document.getElementById('videos');

if (videos){
    videos.addEventListener('click', e => {
        if(e.target.className === 'btn btn-danger delete-item'){
        if (confirm('Es-tu sur de vouloir supprimer ?')) {
            const id = e.target.getAttribute('data-id');
            fetch('/supprimerVideo/${id}', {
                method: 'DELETE'
            }).then(res => window.location.reload());
        }
    }
    });
}

Это моя веточка файл:

<div class="col-12" id="videos">
<a href="#" class="btn btn-danger delete-item" data-id="{{video.id}}">Delete</a>
</div>

И я добавил сценарий в base.html.twig тоже.

Answer 1

Заменить кавычки в fetch('/supprimerVideo/${id}', { обратными чертами:

const id = 123;
console.log('/supprimerVideo/${id}')
/supprimerVideo/${id}
console.log(`/supprimerVideo/${id}`)
/supprimerVideo/123

Вы используете литералы шаблона $ {}, которые не заменяются действительным значением идентификатора.Проверьте ваш запрос на панели инструментов отладки, чтобы увидеть, действительно ли вы вызываете правильный URL в вашем приложении Symfony.