Rumah >Tutorial CMS >WordTekan >Cara Menggunakan Ajax di WordPress - Contoh Dunia Sebenar

Cara Menggunakan Ajax di WordPress - Contoh Dunia Sebenar

Lisa Kudrow
Lisa Kudrowasal
2025-02-10 15:19:07319semak imbas

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.

How to Use Ajax in WordPress - a Real World Example

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.
  1. pada klik, id pos disimpan ke metadata pengguna (tanpa halaman semula).
  2. 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

  3. skrip dan gaya enqueuing:
  4. 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":
  5. Fungsi (
  6. ) 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:
  7. Membuat url

    tersedia untuk JavaScript. wp_localize_script admin-ajax.php

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

    , dan menyembunyikan pautan selepas simpan yang berjaya.

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

  11. 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()

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

  14. 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

How to Use Ajax in WordPress - a Real World Example 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn