Rumah > Tutorial CMS > WordTekan > teks badan

Cara menggunakan pemalam WordPress untuk melaksanakan fungsi pertanyaan segera

PHPz
Lepaskan: 2023-09-06 12:39:18
asal
1179 orang telah melayarinya

Cara menggunakan pemalam WordPress untuk melaksanakan fungsi pertanyaan segera

Cara menggunakan pemalam WordPress untuk mencapai fungsi pertanyaan segera

WordPress ialah platform pembinaan blog dan tapak web yang berkuasa Menggunakan pemalam WordPress boleh mengembangkan lagi fungsi tapak web. Dalam kebanyakan kes, pengguna perlu melakukan pertanyaan masa nyata untuk mendapatkan data terkini. Seterusnya, kami akan memperkenalkan cara menggunakan pemalam WordPress untuk melaksanakan fungsi pertanyaan segera dan menyediakan beberapa contoh kod untuk rujukan.

Pertama sekali, kita perlu memilih pemalam WordPress yang sesuai untuk melaksanakan fungsi pertanyaan segera. Terdapat banyak pemalam untuk dipilih di pasaran, dan salah satu pemalam yang hebat ialah Ajax Search Lite. Pemalam ini boleh membantu kami membuat kotak carian masa nyata Apabila pengguna memasukkan kata kunci, hasil carian yang berkaitan akan segera muncul di halaman.

Selepas memuat turun dan mengaktifkan pemalam Ajax Search Lite, kami perlu membuat beberapa tetapan untuk mengkonfigurasi kotak carian. Dalam bahagian belakang WordPress, cari pilihan pemalam dan klik Tetapan. Dalam halaman tetapan, anda boleh menyesuaikan gaya kotak carian, cara hasil carian dipaparkan dan tetapan lanjutan lain. Selepas mengkonfigurasi mengikut keperluan anda, klik Simpan Tetapan.

Kini, kita perlu memasukkan kotak carian untuk pertanyaan segera di suatu tempat di tapak web. Pemalam menyediakan kod pendek yang boleh digunakan dalam siaran, halaman atau widget. Di mana anda perlu memasukkan kotak carian, gunakan kod pendek berikut:

[wpdreams_ajaxsearchlite]

Selepas menyimpan halaman atau artikel, anda boleh melihat kotak carian untuk pertanyaan segera muncul di halaman depan. Apabila pengguna memasukkan kata kunci, hasil carian yang berkaitan akan dipaparkan pada halaman dengan serta-merta.

Sudah tentu, apabila melaksanakan fungsi pertanyaan segera, kita mungkin perlu menyesuaikan dan mencantikkan hasil carian. Pemalam menyediakan perpustakaan CSS dan JavaScript yang kaya yang boleh membantu kami mencapai keperluan ini. Anda boleh mencari sumber ini dan menyesuaikannya dalam halaman tetapan pemalam.

Selain menggunakan pemalam, kami juga boleh melaksanakan fungsi pertanyaan segera secara manual. Berikut ialah contoh kod asas untuk membantu anda memahami cara menggunakan pertanyaan pangkalan data WordPress untuk melaksanakan fungsi pertanyaan segera:

add_action('wp_ajax_my_search_function', 'my_search_function'); // 用于连接到AJAX的动作钩子
add_action('wp_ajax_nopriv_my_search_function', 'my_search_function');

function my_search_function() {
    global $wpdb;
    
    $keyword = $_POST['keyword'];
    
    $result = $wpdb->get_results( 
        $wpdb->prepare("SELECT * FROM {$wpdb->prefix}posts WHERE post_title LIKE %s OR post_content LIKE %s", '%'.$keyword.'%', '%'.$keyword.'%')
    );
    
    // 处理搜索结果
    
    echo json_encode($result);
    
    wp_die();
}
Salin selepas log masuk

Dalam kod ini, kami mula-mula mentakrifkan fungsi cangkuk my_search_function(), yang digunakan untuk mengendalikan carian Minta dan mengembalikan hasil pertanyaan . Kami boleh mengendalikan pangkalan data melalui pembolehubah global WordPress $wpdb. Di sini kami hanya menggunakan jadual siaran untuk pertanyaan, dan anda boleh menyesuaikannya mengikut keperluan sebenar.

Akhir sekali, jangan lupa untuk menambah beberapa kod JavaScript pada halaman hujung hadapan untuk menghantar kata kunci yang dimasukkan oleh pengguna ke bahagian belakang melalui teknologi AJAX dan mendapatkan hasil pertanyaan. Berikut ialah contoh kod ringkas:

jQuery('#search-input').on('input', function() {
    var keyword = jQuery(this).val();
    
    jQuery.ajax({
        url: ajaxurl,
        type: 'POST',
        data: {
            action: 'my_search_function',
            keyword: keyword,
        },
        dataType: 'json',
        success: function(data) {
            // 处理查询结果并显示在页面上
        },
        error: function() {
            // 处理错误情况
        }
    });
});
Salin selepas log masuk

Melalui contoh kod di atas, anda boleh memahami cara menggunakan pemalam WordPress atau melaksanakan fungsi pertanyaan segera secara manual. Berdasarkan keperluan sebenar, anda boleh memilih kaedah yang sesuai untuk mencapai hasil yang terbaik. Ingat, adalah sangat penting untuk memastikan kod anda boleh diselenggara dan diperluaskan. Saya doakan anda berjaya menggunakan pemalam WordPress untuk melaksanakan fungsi pertanyaan segera!

Atas ialah kandungan terperinci Cara menggunakan pemalam WordPress untuk melaksanakan fungsi pertanyaan segera. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan