Ajax
Ajax:
Uikit
fetch(`index.php?ctrl=security&action=deleteAccount`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
if (response.ok) {
return response.json(); // Convertir la réponse JSON
} else {
throw new Error('Network response was not ok.');
}
})
.then(data => {
console.log(data); // Afficher la réponse JSON
})
.catch(error => {
console.error('Erreur', error);
});
fetch(`index.php?ctrl=forum&action=searchMotor`, {
method: 'POST',
body: JSON.stringify({ word: event.target.value })
})
.then(response => {
// Affiche le contenu textuel de la réponse du serveur
return response.text();
})
.then(text => {
console.log(text); // Afficher la réponse textuelle du serveur
// Si la réponse est du JSON, essayez de le parser
try {
let jsonData = JSON.parse(text);
console.log(jsonData);
} catch (error) {
console.error('Erreur lors de l\'analyse de la réponse JSON:', error);
}
})
.catch(error => {
console.error('Erreur lors de la soumission de recherche', error);
});
/**
* input rechercher
*/
let searchInput = document.getElementById('searchInput');
// Ajout d'un écouteur d'événements pour l'événement 'input'
searchInput.addEventListener('input', function (event) {
// Vérifie si la longueur de la valeur saisie est supérieure à 5
if (event.target.value.length > 4) {
let formData = new FormData();
let value = event.target.value;
// Ajout de la valeur saisie dans l'input à l'objet FormData
formData.append("word", value);
fetch(`index.php?ctrl=forum&action=searchMotor`, {
method: 'POST',
body: formData
})
.then(response => {
// Affiche le contenu textuel de la réponse du serveur
return response.text();
})
.then(text => {
//console.log(text); // Afficher la réponse textuelle du serveur
try {
let jsonData = JSON.parse(text);
document.getElementById("page").innerHTML = displayResultSearchMotor(jsonData)
} catch (error) {
console.error('Erreur lors de l\'analyse de la réponse JSON:', error);
}
})
.catch(error => {
console.error('Erreur lors de la soumission de recherche', error);
});
}
});