Wie kann ich Formulardaten mit $.load übermitteln, ohne die Seite neu zu laden?

Senden von Daten über $.load ohne Neuladen der Seite

Beim Laden von Remote-Inhalten innerhalb eines Formulars mit $.load() kann dies der Fall sein Probleme bei der Übermittlung von Daten. Dieses Problem tritt auf, wenn die Anfrage von derselben Seite wie das Formular verarbeitet wird, was zu einem Neuladen statt einer ordnungsgemäßen Datenübermittlung führt.

Um dieses Problem zu beheben, sollten Sie AJAX-Techniken verwenden, um Daten in einer externen PHP-Datei zu veröffentlichen. Hier ist ein Beispiel zur Veranschaulichung:

AJAX-Code (DATEI #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>

PHP-Datei #2 (receiving_file.php):

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

Wenn der Benutzer in diesem Setup die Dropdown-Auswahl ändert, wird die AJAX-Anfrage an gesendet „reception_file.php“, die die Daten verarbeitet und eine Antwort zurückgibt, die im Browser angezeigt werden kann, ohne dass die Seite neu geladen werden muss. Dies behebt das Problem, dass Daten nicht korrekt im Formular gepostet werden.

Das obige ist der detaillierte Inhalt vonWie kann ich Formulardaten mit $.load übermitteln, ohne die Seite neu zu laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!