Hinzufügen von Ajax zu Ihrem WordPress -Plugin

In diesem Artikel wird untersucht, wie AJAX in WordPress -Plugins einnimmt, um die Benutzererfahrung zu verbessern. AJAX ermöglicht komplexe Aktionen ohne vollständige Seite nach Nachladen und Verbesserung der Reaktionsfähigkeit. Dies wird unter Verwendung von JQuery für die Datenübertragung erreicht, wobei alle Anforderungen an admin-ajax.php.

gerichtet sind

Schlüsselkonzepte:

• WordPress AJAX-Aktionen: wp_ajax_$action (angemeldete Benutzer) und wp_ajax_nopriv_$action (nicht abgelegene Benutzer) Verbinden Sie JavaScript und Php.
• Sicherheit: entscheidend für Ajax. Verwenden Sie wp_create_nonce, um Nonces und check_ajax_referer zur Überprüfung zu generieren, und schützen Sie sich vor nicht autorisierten Anforderungen.
• Debugging: Verwenden Sie Browser -Entwickler -Tools (Netzwerk -Registerkarte) und wp_debug/wp_debug_log in wp-config.php für die Fehlerprotokollierung.

AJAX löst normalerweise nach der Einreichung von Formularen oder -schaltflächen aus und sendet Daten für die serverseitige Verarbeitung. Zum Beispiel:

<code class="language-javascript">var data = {
    action: 'spyr_plugin_do_ajax_request',
    var1: 'value 1',
    var2: 'value 2'
};</code>

jQuery veröffentlicht diese Daten zu admin-ajax.php. Während sich in /wp-admin befindet, behandelt es Front-End- und Back-End-Interaktionen.

Der Parameter action (z. B. spyr_plugin_do_ajax_request) verknüpft JavaScript und PHP. Präfixierungsaktionen (wie spyr_) sorgt für die Einzigartigkeit.

WordPress liefert spezielle Aktionen:

• wp_ajax_$action: Für angemeldete Benutzer.
• wp_ajax_nopriv_$action: Für nicht abgelegene Benutzer.

Beispiel Hook Addition zu einem Plugin:

<code class="language-php">add_action( 'wp_ajax_spyr_plugin_do_ajax_request', 'spyr_plugin_do_ajax_request' );
add_action( 'wp_ajax_nopriv_spyr_plugin_do_ajax_request', 'spyr_plugin_do_ajax_request' );</code>

Ein praktisches Beispiel folgt: Ein Plugin, mit dem Administratoren Beiträge über AJAX aus dem Front-End löschen können. Dies beinhaltet:

1. JavaScript: enthält das AJAX -Skript.
2. Link löschen: Zu jedem Beitrag hinzugefügt, löscht Löschung.
3. PHP -Handler: verarbeitet die AJAX -Anforderung.
4. JQuery Handhabung: Schaltfläche und Antworten verwaltet.
5. Skript Enqueueing: fügt das Skript zur Seite hinzu.

Code -Snippets veranschaulichen diese Komponenten und betonen Sicherheitsprüfungen (Benutzerberechtigungen und Nonce -Überprüfung). Der Prozess beinhaltet das Erstellen eines Nonce -Verwendens wp_create_nonce, die Überprüfung mit wp_verify_nonce und die Verwendung von wp_delete_post für die Post -Löschung. Fehlerbehandlungs- und Rückkopplungsmechanismen werden ebenfalls integriert. Der Code zeigt, wie Sie Daten mithilfe der $.post -Methode von JQuery senden und die XML -Antwort mithilfe der find() -Methode von JQuery analysieren.

Der Artikel schließt mit der Zusammenfassung der einfachen Implementierung von AJAX in WordPress, wodurch die Bedeutung der wp_ajax_$action und wp_ajax_nopriv_$action -Haken hervorgehoben wird. Es fördert eine weitere Erforschung der AJAX -Funktionen von WordPress. Ein FAQ -Abschnitt befasst sich mit allgemeinen Fragen und Bedenken im Zusammenhang mit der AJAX -Implementierung in WordPress -Plugins.

Das obige ist der detaillierte Inhalt vonHinzufügen von Ajax zu Ihrem WordPress -Plugin. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!