Pourquoi mon $.load() ne soumet-il pas les données du formulaire et comment puis-je utiliser AJAX à la place ?

Données du formulaire non soumises via $.load

Question :

Un clic sur un bouton se déclenche le code suivant, mais sa demande de publication ne parvient pas à atteindre le fichier PHP prévu (MonsterRequest.php) lorsqu'elle est exécutée via un appel $.load. La page se recharge à la place, limitant la possibilité de soumettre des données sans rechargement.

Réponse :

Pour faciliter la publication de données sans rechargement de page, il est essentiel de comprendre AJAX. AJAX traite les données en les envoyant à un fichier PHP externe, qui répond avec un résultat.

Implémentation :

Dans le premier fichier, attachez un gestionnaire d'événement de changement au élément pertinent pour capturer l’option sélectionnée. Les données sont ensuite envoyées via une requête AJAX POST au deuxième fichier. En cas de succès, les données renvoyées sont affichées dans une alerte.

Fichier 1 :

    <script>
        $(document).ready(function() {
            $('#Sel').change(function() {
                var opt = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "receiving_file.php",
                    data: 'selected_opt=' + opt,
                    success:function(data){
                        alert('This was sent back: ' + data);
                    }
                });
            });
        });
    </script>

Fichier 2 : réception_file.php

    $recd = $_POST['selected_opt'];
    echo 'You chose: ' . $recd;

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!