Cara Menggunakan Ajax di WordPress - Contoh Dunia Sebenar

Artikel ini menunjukkan cara menggunakan Ajax di WordPress untuk membuat plugin "baca kemudian". Plugin menambah pautan di bawah setiap jawatan yang membolehkan pengguna log masuk untuk menyimpan siaran untuk bacaan kemudian. Widget kemudian memaparkan jawatan yang disimpan ini. Tutorial menekankan amalan pengekodan yang selamat.

Konsep Utama:

• : admin-ajax.php fail WordPress teras ini mengendalikan permintaan Ajax, memastikan keselamatan dan keserasian.
• cangkuk: Gunakan cangkuk ini untuk mendaftarkan fungsi tersuai pemprosesan permintaan ajax. wp_ajax_
• Skrip dan Gaya Enqueueing: Betul mendaftarkan dan Enqueue JavaScript dan CSS menggunakan fungsi WordPress.
• Pengesahan nonce: penting untuk mendapatkan panggilan Ajax terhadap akses yang tidak dibenarkan.
• Kemas kini UI Dinamik: Ajax membolehkan kemas kini kandungan yang licin dan cepat tanpa halaman semula.

Fungsi plugin:

plugin "baca kemudian" melakukan tindakan ini:

menambah pautan "baca kemudian" di bawah setiap catatan blog.
pada klik, id pos disimpan ke metadata pengguna (tanpa halaman semula).
Widget memaparkan jawatan yang disimpan.

Langkah -langkah Pembangunan Plugin:

Struktur direktori:
1. Buat folder plugin (

   ) dengan subfolder untuk dan , dan fail: read-me-later, js, css, read-me-later.php . widget.php read-me-later.js read-me-later.css

2. (Header & Class Plugin):

   Header plugin mengenalinya ke WordPress. Kelas A merangkumi fungsi plugin. read-me-later.php ReadMeLater

skrip dan gaya enqueuing:
3. Kelas

   termasuk kaedah untuk mendaftar dan memupuk fail dan menggunakan cangkuk WordPress (). ReadMeLater read-me-later.js read-me-later.css plugins_loaded

   Menambah pautan "baca saya kemudian":
Fungsi (
4. ) menambah pautan ke kandungan pos dan petikan, hanya dapat dilihat oleh pengguna log masuk. Ini menggunakan penapis WordPress (

   , ). rml_button the_content the_excerpt

   Menentukan URL AJAX:
5. Membuat url

   tersedia untuk JavaScript. wp_localize_script admin-ajax.php

   JavaScript (
):
6. JavaScript mengendalikan klik pautan, menghantar permintaan AJAX ke

   , dan menyembunyikan pautan selepas simpan yang berjaya.

7. Ajax Action Hook (): wp_ajax_read_me_later Cangkuk ini dalam menghubungkan permintaan AJAX ke fungsi read-me-later.php. read_me_later

8. Fungsi: read_me_later Fungsi ini menjimatkan ID pos ke metadata pengguna menggunakan . Ia juga mengambil dan memaparkan jawatan yang disimpan menggunakan update_user_meta. Fungsi ini menggunakan get_posts untuk memastikan output Ajax yang betul. die()

Widget

9. (): widget.php widget tersuai () memanjangkan untuk memaparkan jawatan yang disimpan. Ia termasuk kaedah untuk borang, kemas kini, dan paparan widget. RML_Widget WP_Widget

10. Mengamankan Panggilan Ajax:

    Pengesahan nonce dilaksanakan menggunakan dalam JavaScript dan dalam fungsi PHP untuk mengelakkan permintaan yang tidak dibenarkan. wp_create_nonce check_ajax_referer

Kesimpulan:

Tutorial ini memberikan contoh praktikal menggunakan Ajax dengan selamat dan berkesan dalam plugin WordPress. Ingatlah untuk menyesuaikan diri dan mengembangkan asas ini untuk mewujudkan plugin yang lebih kompleks dan kaya. Penggunaan cangkuk dan fungsi WordPress memastikan keserasian dan penyelenggaraan.

Atas ialah kandungan terperinci Cara Menggunakan Ajax di WordPress - Contoh Dunia Sebenar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!