Bonjour

- J'ai un formulaire avec des taches qui me sont assignées.

- j'ai deux boutons acceter et decliner

- lorsque je clique sur "decliner" la ligne correspondante sur mon formulaire est enlevée

- lorsque je clique sur "accepter", la ligne correspondante sur mon formulaire est validée et la tache est ajoutée sur un autre formulaire Interventions.

les actions decliner et accepter fonctionnement bien du coté client, c'est le coté serveur qui pose probleme car la tache n'est pas ajouté à Interventions.
Je travaille avec asp .net mvc

j'ai utilisé Ajax pour faire la requete avec le serveur mais je ne le connais pas.

Voici mon code pour les deux actions coté client en js


/Récupérer les références des boutons
var accepterBtns = document.querySelectorAll('.btn-auto');
var declinerBtns = document.querySelectorAll('.btn-danger');

//Ajouter des écouteurs d'événements aux boutons "Accepter"
accepterBtns.forEach(function (btn) {
btn.addEventListener('click', function (e) {
e.preventDefault();
var ligne = e.target.closest('tr');
ligne.classList.add('ligne-validee');
btn.disabled = true;
});
});

//Ajouter des écouteurs d'événements aux boutons "Décliner"
declinerBtns.forEach(function (btn) {
btn.addEventListener('click', function (e) {
e.preventDefault();
var ligne = e.target.closest('tr');
ligne.remove();
});
});

et le code ajax qui ne fonctionne pas coté serveur:

fetch('/Interventions/AjouterTache', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-CSRF-TOKEN': '@Html.AntiForgeryToken()'
},
body: JSON.stringify({ LocalId: numeroLocal })
})
.then(function (response) {
if (response.ok) {
// Tâche acceptée ajoutée à Interventions avec succès
} else {
// Traiter les erreurs si nécessaire
}
})
.catch(function (error) {
console.error('Une erreur s\'est produite:', error);
});
si quelqu'un a une idée je suis preneur.

Merci