[Résolu] Renvoyer plusieurs réponses avec AJAX

heraclys

11 Jan 2021 à 18:38

Bonjour,

J'ai effectué une requête AJAX permettant d'actualiser un chiffre lors du clic, cependant j'aimerais également modifier le src d'une image dans mon html dans la même fonction.

Sauriez-vous comment je puis-je faire cela ?

var xhr = new XMLHttpRequest();

var voteNumber = document.getElementById("voteNumberContentTopic");

var linkVoteUp = document.getElementById("linkVoteUp");

function voteTopic(topicID, status, userID) {

    /* var buttonVoteUp = document.getElementById("linkVoteUp"); */

    xhr.onreadystatechange = function () {

        if (xhr.readyState == 4 && xhr.status == 200) {

            voteNumber.innerHTML = xhr.response;

        }
    };

    xhr.open("POST", 'ajax-folder-topic/voteTopic.php', true);

    xhr.responseType = "text";

    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    xhr.send("id=" + topicID + "&status=" + status + "&userID=" + userID);

}

stryk

11 Jan 2021 à 19:49

Hello,

pour passer plusieurs arguments depuis ton PHP tu peux utiliser ce genre de méthode:


$tavariable['valeur1'] = (string) 'un';
$tavariable['valeur2'] = (string) 'deux';
$tavariable['valeur3'] = (string) 'trois';
// etc
echo json_encode($tavariable);

Ensuite tu les récupère en JS dans ton ajax:


const dataElements= JSON.parse(this.responseText);
// et tu as donc
// dataElements.valeur1 => "un"
// dataElements.valeur2 => "deux"
// dataElements.valeur3 => "trois"

Modifié par stryk (11 Jan 2021 - 20:06)

heraclys

11 Jan 2021 à 19:59

Merci pour ta réponse !

Petite question, à quoi sert le strtok() ici ?

stryk

11 Jan 2021 à 20:05

A rien du tout Smiley lol