$.ajax({
        method: "POST",
        dataType: "JSON",
        data: { [input.name]: input.value },
        url: G_SITE_URL + "index.php/profil/edit_" + input.name,
        success: function (msg) {
            if (msg.success == true) {
                // Get the field name container and update the text
                const fieldNameContainer = document.getElementById(element.dataset.fieldName);
                fieldNameContainer.innerText = msg.display;

                // Get the field container for hide the error inside
                const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
                const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
                inputError.style.display = "none";
            } else {
                // Get the field container for show an error inside
                const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
                const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
                inputError.style.display = "block";
            }
        }
    });

Bonjour,

Pouvez vous m'aider pour convertir cette requête?

La doc de la fonction fetch() qui permet de faire des requêtes en vanilla JS

https://developer.mozilla.org/fr/docs/Web/API/Fetch_API/Using_Fetch

Tu fais un copié collé de ton post à Chat GPT, t'as ta réponse.

En plus de la réponse de fazow qui est une solution parmi d'autres, il faut que tu regardes un peu la documentation de jQuery qui de mémoire est pas trop mal foutue.
Comme ça tu pourras de toi même faire le lien.

const xhr = new XMLHttpRequest();
const url = G_SITE_URL + "index.php/profil/edit_" + input.name;
const params = JSON.stringify({ [input.name]: input.value });

xhr.open("POST", url);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        const msg = JSON.parse(xhr.responseText);
        if (msg.success == true) {
            // Get the field name container and update the text
            const fieldNameContainer = document.getElementById(element.dataset.fieldName);
            fieldNameContainer.innerText = msg.display;

            // Get the field container for hide the error inside
            const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
            const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
            inputError.style.display = "none";
        } else {
            // Get the field container for show an error inside
            const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
            const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
            inputError.style.display = "block";
        }
    }
};
xhr.send(params)

Le 04 mai 2023 à 08:56:00 :
const xhr = new XMLHttpRequest(); const url = G_SITE_URL + "index.php/profil/edit_" + input.name; const params = JSON.stringify({ [input.name]: input.value }); xhr.open("POST", url); xhr.setRequestHeader("Content-type", "application/json"); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { const msg = JSON.parse(xhr.responseText); if (msg.success == true) { // Get the field name container and update the text const fieldNameContainer = document.getElementById(element.dataset.fieldName); fieldNameContainer.innerText = msg.display; // Get the field container for hide the error inside const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0]; const inputError = fieldClassContainer.getElementsByClassName('input-error')[0]; inputError.style.display = "none"; } else { // Get the field container for show an error inside const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0]; const inputError = fieldClassContainer.getElementsByClassName('input-error')[0]; inputError.style.display = "block"; } } }; xhr.send(params)

J'ai oublié de dire sans XMLHttpRequest. Mais en utilisant la méthode de nos jours.

Personne ?

Le 23 mai 2023 à 20:31:31 :
Personne ?

fetch(G_SITE_URL + "index.php/profil/edit_" + input.name, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({ [input.name]: input.value })
})
.then(response => response.json())
.then(msg => {
    if (msg.success == true) {
        // Get the field name container and update the text
        const fieldNameContainer = document.getElementById(element.dataset.fieldName);
        fieldNameContainer.innerText = msg.display;

        // Get the field container for hide the error inside
        const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
        const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
        inputError.style.display = "none";
    } else {
        // Get the field container for show an error inside
        const fieldClassContainer = document.getElementsByClassName(element.dataset.fieldName)[0];
        const inputError = fieldClassContainer.getElementsByClassName('input-error')[0];
        inputError.style.display = "block";
    }
})
.catch(error => console.error('Erreur :', error));

pas testé

Chat gpt est ton amis