Comment publier correctement les données d'un formulaire dans $.load à l'aide d'AJAX ?-js tutoriel-php.cn

Comment publier correctement les données d'un formulaire dans $.load à l'aide d'AJAX ?

Mary-Kate Olsen

Libérer： 2024-11-11 14:04:03

original

519 Les gens l'ont consulté

How to Correctly Post Form Data Within $.load Using AJAX?

Utilisation d'AJAX pour corriger la publication d'un formulaire dans $.load

Lorsque vous essayez de publier des données à partir d'un formulaire dans un appel $.load, vous peut rencontrer un problème où la publication n'est pas correctement envoyée au script PHP cible. Cela peut conduire au rechargement de la page au lieu de traiter les données soumises.

Pour résoudre ce problème, envisagez d'implémenter AJAX. AJAX vous permet d'envoyer des données vers un fichier PHP côté serveur sans recharger la page. Voici comment cela fonctionne :

FILE #1 :

Ce fichier contient le code HTML et JavaScript du formulaire.

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(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 + '&amp;something_else=' +someelse+'&amp;more_stuff='+more_stuff,
                        success:function(data){
                            alert('This was sent back: ' + data);
                        }
                    });
                });
            });
        </script>
    </head>
<body>

<select id = "Sel">
    <option value ="Song1">default value</option>
    <option value ="Song2">Break on through</option>
    <option value ="Song3">Time</option>
    <option value ="Song4">Money</option>
    <option value="Song5">Saucerful of Secrets</option>
</select>
</body>
</html>

Copier après la connexion

FILE #2 : getting_file.php

Ce fichier est le script PHP qui traitera les données soumises.

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

Copier après la connexion

Cette méthode garantit que les données du formulaire sont publiées sans rechargement la page, vous permettant de traiter les données et de répondre de manière appropriée.

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!