Heim > Artikel > Web-Frontend > Wie poste ich Formulardaten in $.load mithilfe von AJAX korrekt?

Wie poste ich Formulardaten in $.load mithilfe von AJAX korrekt?

Mary-Kate OlsenOriginal: 2024-11-11 14:04:03474Durchsuche

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

Verwenden von AJAX zum Korrigieren der Formularbuchung innerhalb von $.load

Wenn Sie versuchen, Daten aus einem Formular innerhalb eines $.load-Aufrufs zu veröffentlichen, müssen Sie Möglicherweise tritt ein Problem auf, bei dem der Beitrag nicht ordnungsgemäß an das Ziel-PHP-Skript gesendet wird. Dies kann dazu führen, dass die Seite neu geladen wird, anstatt die übermittelten Daten zu verarbeiten.

Um dieses Problem zu beheben, sollten Sie die Implementierung von AJAX in Betracht ziehen. Mit AJAX können Sie Daten an eine serverseitige PHP-Datei senden, ohne die Seite neu laden zu müssen. So funktioniert es:

DATEI #1:

Diese Datei enthält den HTML- und JavaScript-Code für das Formular.

<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>

DATEI Nr. 2:empfangende_Datei.php

Diese Datei ist das PHP-Skript, das die übermittelten Daten verarbeitet Daten.

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

Diese Methode stellt sicher, dass die Formulardaten gepostet werden, ohne dass die Seite neu geladen werden muss, sodass Sie die Daten verarbeiten und angemessen reagieren können.

Das obige ist der detaillierte Inhalt vonWie poste ich Formulardaten in $.load mithilfe von AJAX korrekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript ajax html for using this issue

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Warum sollten Entwickler es vermeiden, Element-IDs direkt in JavaScript als Bezeichner zu verwenden?Nächster Artikel：Warum sollten Entwickler es vermeiden, Element-IDs direkt in JavaScript als Bezeichner zu verwenden?

In Verbindung stehende Artikel

Mehr sehen