Comment puis-je soumettre des données de formulaire avec $.load sans recharger la page ?

Soumission de données via $.load sans rechargement de page

Lors du chargement de contenu distant dans un formulaire à l'aide de $.load(), il peut y avoir problèmes avec la soumission des données. Ce problème se produit lorsque la demande est traitée par la même page que le formulaire, ce qui entraîne un rechargement au lieu d'une soumission correcte des données.

Pour résoudre ce problème, envisagez d'utiliser des techniques AJAX pour publier des données dans un fichier PHP externe. Voici un exemple à démontrer :

Code AJAX (FILE #1) :

<script>
$(function() {
    $('#Sel').change(function() {
        var opt = $(this).val();
        var someelse = 'Hello';
        var more_stuff = 'Goodbye';
        $.ajax({
            type: "POST",
            url: "receiving_file.php",
            data: 'selected_opt=' + opt + '&something_else=' +someelse+'&more_stuff='+more_stuff,
            success:function(data){
                alert('Data received: ' + data);
            }
        });
    });
});
</script>

Fichier PHP n°2 (receive_file.php) :

<?php
    $recd = $_POST['selected_opt'];
    echo 'Option chosen: ' . $recd;
?>

Dans cette configuration, lorsque l'utilisateur modifie la sélection déroulante, la requête AJAX est envoyée à réception_file.php, qui traite les données et renvoie une réponse qui peut être affichée dans le navigateur sans recharger la page. Cela résout le problème des données qui ne sont pas publiées correctement dans le formulaire.

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!