So verwenden Sie Ajax in WordPress - ein Beispiel in der realen Welt

Dieser Artikel zeigt, wie AJAX in WordPress verwendet wird, um ein Plugin "Lesen" zu erstellen. Das Plugin fügt unter jedem Beitrag einen Link hinzu, sodass protokollierte Benutzer Beiträge zum späteren Lesen speichern können. Ein Widget zeigt dann diese gespeicherten Beiträge an. Das Tutorial betont sichere Codierungspraktiken.

Schlüsselkonzepte:

• admin-ajax.php: Diese Kern -WordPress -Datei erledigt AJAX -Anforderungen, um Sicherheit und Kompatibilität zu gewährleisten.
• wp_ajax_ Hook: Verwenden Sie diesen Hook, um benutzerdefinierte Funktionen zu registrieren. Verarbeitung von AJAX -Anforderungen.
• Enqueueing -Skripte und -stile: Registrieren und Enqueue -JavaScript und CSS mit WordPress -Funktionen ordnungsgemäß registrieren.
• Nonce -Überprüfung: Essentiell für die Sicherung von Ajax -Anrufen gegen unbefugten Zugriff.
• Dynamische UI -Updates: AJAX ermöglicht reibungslose, schnelle Inhaltsaktualisierungen ohne Seite mit Seite.

Plugin -Funktionalität:

Das Plugin "später lesen" führt diese Aktionen aus:

1. fügt einen "späteren" Link unter jedem Blog -Beitrag hinzu.
2. Auf Klicken wird die Post -ID in den Metadaten des Benutzers gespeichert (ohne Seite mit Seitenaktualisierung).
3. Ein Widget zeigt die gespeicherten Beiträge an.

Plugin -Entwicklungsschritte:

1. Verzeichnisstruktur: Erstellen Sie einen Plugin -Ordner (read-me-later) mit Unterordnern für js und css und Dateien: read-me-later.php, widget.php, read-me-later.js, read-me-later.css .

2. read-me-later.php (Plugin -Header & Klasse): Der Plugin -Header identifiziert ihn an WordPress. A ReadMeLater Klasse Kapuliert die Plugin -Funktionalität.

3. Enqueueing -Skripte und -stile: Die ReadMeLater -Kläufe enthält Methoden zum Registrieren und Enqueue der Dateien read-me-later.js und read-me-later.css mit WordPress -Hooks (plugins_loaded).

4. Hinzufügen des Links "Lesen Sie mich später": Eine Funktion (rml_button) fügt den Link zum Post-Inhalt und zum Auszug hinzu, das nur für angemeldete Benutzer sichtbar ist. Dies verwendet WordPress -Filter (the_content, the_excerpt).

5. Definieren der AJAX -URL: wp_localize_script Stellt die admin-ajax.php URL JavaScript zur Verfügung.

6. JavaScript (read-me-later.js): Das JavaScript verwaltet den Link -Klick, sendet die AJAX -Anforderung an admin-ajax.php und versteckt den Link nach einem erfolgreichen Speichern.

7. ajax action act (wp_ajax_read_me_later): Dieser Haken in read-me-later.php verbindet die AJAX -Anforderung mit der Funktion read_me_later.

8. read_me_later Funktion: Diese Funktion speichert die Post -ID mithilfe update_user_meta in den Metadaten des Benutzers. Außerdem wird die gespeicherten Beiträge mit get_posts abgerufen und angezeigt. Die Funktion verwendet die(), um die ordnungsgemäße AJAX -Ausgabe zu gewährleisten.

9. Widget (widget.php): Ein benutzerdefiniertes Widget (RML_Widget) erweitert WP_Widget, um die gespeicherten Beiträge anzuzeigen. Es enthält Methoden für das Formular, das Update und die Anzeige des Widgets.

10. Sicherung von AJAX -Aufrufen: Nonce -Überprüfung wird mit wp_create_nonce in JavaScript und check_ajax_referer in der PHP -Funktion implementiert, um nicht autorisierte Anforderungen zu verhindern.

Schlussfolgerung: Dieses Tutorial bietet ein praktisches Beispiel für die sichere und effektive Verwendung von AJAX in einem WordPress -Plugin. Denken Sie daran, diese Fundament anzupassen und zu erweitern, um komplexere und merkmalreiche Plugins zu erstellen. Die Verwendung von WordPress -Haken und -Funktionen sorgt für die Kompatibilität und Wartbarkeit.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Ajax in WordPress - ein Beispiel in der realen Welt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!