Maison > développement back-end > tutoriel php > Comment puis-je exécuter des fonctions PHP en cliquant sur des boutons à l'aide d'AJAX ?

Comment puis-je exécuter des fonctions PHP en cliquant sur des boutons à l'aide d'AJAX ?

Mary-Kate Olsen
Libérer: 2024-12-04 21:00:16
original
853 Les gens l'ont consulté

How Can I Execute PHP Functions with Button Clicks Using AJAX?

Exécuter des fonctions PHP sur clic de bouton

Vous avez créé une page PHP avec deux boutons destinés à appeler des fonctions spécifiques, mais vous ne l'êtes pas obtenir le résultat attendu. Le problème réside dans l'approche que vous utilisez.

Pour exécuter correctement une fonction PHP lorsque vous cliquez sur un bouton, vous devez utiliser Ajax pour la communication asynchrone entre la page et le serveur. Voici une version modifiée de votre code qui intègre Ajax :

Modifié Balisage :

<input type="submit" class="button" name="insert" value="insert" />
<input type="submit" class="button" name="select" value="select" />
Copier après la connexion

jQuery :

$(document).ready(function() {
    $('.button').click(function() {
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ajax.php',
        data = {'action': clickBtnValue};
        $.post(ajaxurl, data, function(response) {
            // Response div goes here.
            alert("action performed successfully");
        });
    });
});
Copier après la connexion

ajax.php :

<?php
    if (isset($_POST['action'])) {
        switch ($_POST['action']) {
            case 'insert':
                insert();
                break;
            case 'select':
                select();
                break;
        }
    }

    function select() {
        echo "The select function is called.";
        exit;
    }

    function insert() {
        echo "The insert function is called.";
        exit;
    }
?>
Copier après la connexion

Explication :

  • L'événement click() est utilisé pour capturer les clics sur les boutons.
  • Lorsqu'un bouton est cliqué, le nom de la fonction correspondante est transmis comme valeur d'action dans la requête Ajax.
  • Le script ajax.php, qui contient la fonction définitions, est appelé de manière asynchrone à l'aide de $.post().
  • Une fois que le script côté serveur a exécuté la fonction, la réponse est reçue et un message d'alerte est affiché.
  • L'instruction de sortie empêche le script côté serveur d'exécuter du code supplémentaire après l'appel de fonction, garantissant ainsi que la réponse n'est pas envoyée plusieurs fois.

Avec cette approche, lorsque vous cliquez soit sur le bouton "Insérer" soit sur "Sélectionner", la fonction correspondante sera exécutée et vous verrez un message d'alerte indiquant l'exécution réussie.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal