Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Susan Sarandon
Freigeben: 2024-11-11 07:14:02
Original
989 Leute haben es durchsucht

How Can I Submit Form Data with $.load Without Reloading the Page?

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>
Nach dem Login kopieren

PHP-Datei #2 (receiving_file.php):

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

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage