Heim > Backend-Entwicklung > PHP-Tutorial > Wie kann ich PHP-Funktionen über Button-Klicks aufrufen, ohne die Seite neu zu laden?

Wie kann ich PHP-Funktionen über Button-Klicks aufrufen, ohne die Seite neu zu laden?

Barbara Streisand
Freigeben: 2024-12-11 14:58:11
Original
173 Leute haben es durchsucht

How Can I Call PHP Functions Using Button Clicks Without Reloading the Page?

PHP-Funktionen mit Tastenklicks aufrufen: Eine Anleitung

In diesem Artikel untersuchen wir eine häufige Herausforderung, mit der PHP-Entwickler konfrontiert sind: das Aufrufen von PHP-Funktionen bei Tastenklicks. Wir stellen Ihnen eine Schritt-für-Schritt-Anleitung zur effektiven Lösung dieses Problems zur Verfügung.

Das Problem

Beim Versuch, eine PHP-Funktion per Knopfdruck auszuführen, gibt es Folgendes Eine Gefahr, die dazu führen kann, dass keine Ausgabe erfolgt: sich ausschließlich auf die Übermittlung von HTML-Formularen zu verlassen. Dieser Ansatz führt die gewünschte Funktion nicht ohne zusätzliche Maßnahmen aus.

Die Lösung: AJAX to the Rescue

Um die Lücke zwischen HTML und PHP zu schließen, werden wir Einführung von Ajax (Asynchrones JavaScript und XML). Ajax ermöglicht es uns, HTTP-Anfragen zu stellen, ohne die Seite neu zu laden, und ermöglicht so die Kommunikation zwischen Client und Server.

Schritt 1: Ändern Sie das HTML-Markup

Ändern Sie die vorhandenen Senden-Schaltflächen in >

<input type="submit">
Nach dem Login kopieren

Schritt 2: jQuery einführen

Laden Fügen Sie jQuery in Ihre Seite ein und definieren Sie einen Click-Event-Handler für die „.button“-Elemente. Erfassen Sie im Handler den Wert der Schaltfläche und senden Sie eine Ajax-Post-Anfrage an ein bestimmtes PHP-Skript, ajax.php.

$(document).ready(function(){
    $('.button').click(function(){
        var clickBtnValue = $(this).val();
        var ajaxurl = 'ajax.php',
        data =  {'action': clickBtnValue};
        $.post(ajaxurl, data, function (response) {
            // Response div goes here.
            alert("action performed successfully");
        });
    });
});
Nach dem Login kopieren

Schritt 3: Behandeln Sie die Ajax-Anfrage

In ajax.php verwenden wir eine Switch-Anweisung, um zwischen den Insert- und Select-Aktionen zu unterscheiden und die entsprechenden Funktionen aufzurufen. Wir geben das Ergebnis auch zur Anzeige auf der Seite wieder.

<?php
    if (isset($_POST['action'])) {
        switch ($_POST['action']) {
            case 'insert':
                insert();
                break;
            case 'select':
                select();
                break;
        }
    }

    function select() {
        echo "The select function is called.";
        exit;
    }

    function insert() {
        echo "The insert function is called.";
        exit;
    }
?>
Nach dem Login kopieren

Genießen Sie dynamische PHP-Funktionsaufrufe

Durch die Übernahme dieses Ajax-basierten Ansatzes können Sie jetzt Rufen Sie PHP-Funktionen per Knopfdruck auf und zeigen Sie die Ergebnisse nahtlos auf derselben Seite an. Nutzen Sie die Leistungsfähigkeit von Ajax, um die Benutzerinteraktion zu verbessern und ein reaktionsfähiges und dynamisches Weberlebnis zu erzielen.

Das obige ist der detaillierte Inhalt vonWie kann ich PHP-Funktionen über Button-Klicks aufrufen, 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