Décrivez ici votre problème ou ce que vous cherchez à faire.
j'ai construit un systeme de commentaires avec symfony quand le user correspondant veut modifier son commentaire il appuie sur le bouton et un form apparait pour mettre sa reponse puis il transmet sa nouvelle valeur avec une requete ajax
Entourez votre code en utilisant "```" pour bien le mettre en forme. (ne copier pas trop de code)
async function loadUr(url){
const response = await fetch(url,{
method: 'GET',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}).catch(function (error){
if(error.response.status === 403){
window.alert("vous avez deja signalez ce commmentaire ")
}
});
const data =await response.json();
//
// console.log(data);
const replie = document.querySelector('.js-replies')
replie.innerHTML = data.reps
// playMusic()
}
async function onSubmitComment(e) {
e.preventDefault()
console.log('you have submitted')
const data = new FormData(this);
const params = new URLSearchParams();
data.forEach((value, key) => {
params.append(key, value)
})
const idForum = document.querySelector('#id_for').value
const url = 'http://127.0.0.1:8000/forum/updat/' + idForum + '/?' + params.toString() ;
console.log(url)
return loadUr(url)
}
async function onModifyComment(event) {
event.preventDefault()
const id_response = event.target.getAttribute('data-browse')
const form_modif = document.querySelector('.js-comment_modif' + id_response)
form_modif.style.display = null;
form_modif.addEventListener('submit', onSubmitComment)
}
document.querySelectorAll('a.button_edit_rep').forEach(function (btn){
btn.addEventListener('click',onModifyComment);
})
.
Ce que j'obtiens
ce changement fonctionne la premiere fois mais quand il me retourne la reponse et je veut le changer une autre fois il rafraichit la page en dirait que preventDefault ne fonctionne pas la deusieme fois
omar255