Comment puis-je envoyer une variable JavaScript à PHP sans actualiser la page ?

Envoi d'une variable JavaScript à une variable PHP sans actualisation de la page

Question :

Comment puis-je envoyer une variable JavaScript à un Variable PHP, en particulier lorsqu'un bouton est cliqué, et utilisez-la pour récupérer des données sans actualiser le page ?

Solution :

Bien que les langages côté serveur comme PHP et les langages côté client comme JavaScript fonctionnent séparément, vous pouvez envoyer des variables JavaScript à PHP à l'aide des techniques AJAX. Voici comment :

De JavaScript à PHP :

1. Objet XMLHttpRequest : Créez un objet XMLHttpRequest pour gérer la requête AJAX.

var xhr = new XMLHttpRequest();

2. Événement Écouteur : Ajoutez un écouteur d'événement au bouton pour déclencher la requête AJAX lorsque vous cliquez dessus.

document.getElementById("myButton").addEventListener("click", function() {
    // Your code to send the variable
});

3. Requête AJAX : Dans l'écouteur d'événement, utilisez une méthode XMLHttpRequest.open() pour ouvrir une nouvelle connexion, spécifiant la méthode HTTP, le point de terminaison de l'URL et le mode asynchrone. Ensuite, envoyez les données en utilisant XMLHttpRequest.send().

xhr.open("POST", "myphpfile.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("variable=" + theContents);

De PHP vers JavaScript :

Sur le serveur PHP, vous pouvez accéder au variable envoyée depuis JavaScript à l'aide de la variable superglobale $_POST.

$phpvariable = $_POST['variable'];

Remarque : Vous pouvez continuer à utiliser la variable $php dans votre code PHP selon vos besoins, par exemple pour les recherches dans la base de données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!