Ajax Search Cho Tiêu đề Website Wordpress

Tìm kiếm ajax search cho tiêu đề website wordpress 5 năm trước, Ajax, Wordpress, 1334 Lượt xem

ở bài này netweb.vn sẽ hướng dẫn cho các bạn sợt tìm kiếm bằng ajax trong wordpess

Tích hợp live sợt cực kỳ đơn giản cho wordpress của bạn

Nội dung

• ajax live search for post title

ajax live search for post title

Html chèn vào page muốn sợt:

<!-- tim kiem post ajax--> <input type="text" name="keyword" id="keyword" onkeyup="fetch()" placeholder="Nhập tìm kiếm post post ajax"></input> <div id="datafetch">Kết quả trả về tìm kiếm ở đây</div>

JavaScript ( chèn vào file functions.php )

// add the ajax fetch js add_action( 'wp_footer', 'ajax_fetch' ); function ajax_fetch() { ?> <script type="text/javascript"> function fetch(){ jQuery.ajax({ url: '<?php echo admin_url('admin-ajax.php'); ?>', type: 'post', data: { action: 'data_fetch', keyword: jQuery('#keyword').val() }, success: function(data) { jQuery('#datafetch').html( data ); } }); } </script> <?php }

 AJAX call chèn vào file functions.php

// the ajax function add_action('wp_ajax_data_fetch' , 'data_fetch'); add_action('wp_ajax_nopriv_data_fetch','data_fetch'); function data_fetch(){ $the_query = new WP_Query( array( 'posts_per_page' => -1, 's' => esc_attr( $_POST['keyword'] ), 'post_type' => 'post' ) ); if( $the_query->have_posts() ) : while( $the_query->have_posts() ): $the_query->the_post(); ?> <h2><a href="<?php echo esc_url( post_permalink() ); ?>"><?php the_title();?></a></h2> <?php endwhile; wp_reset_postdata(); endif; die(); }

Kết quả

Bài viết mới cập nhập

• 

  DANH SÁCH 34 TỈNH/THÀNH PHỐ CỦA VIỆT NAM SAU SÁT NHẬP 1/7/2025

  6 tháng trước, 53763 Lượt xem

  Năm 2025, Việt Nam dự kiến sẽ có 34 tỉnh, thành phố sau khi sắp xếp lại 63 tỉnh, thành hiện nay. Trong đó, có 6…

• 

  Cấu hình Newsletter gửi theo thời gian chỉ định

  9 tháng trước, 86 Lượt xem

  GIẢI PHÁP HOÀN HẢO: Chỉ vô hiệu hóa tất cả job, nhưng không chặn file wp-cron.php Cách làm: Bạn thêm đoạn sau vào functions.php hoặc…

• 

  21 câu lệnh Linux phải nhớ quản lý vps

  9 tháng trước, 456 Lượt xem

  Đây là những câu lệnh căn bản bất cứ ai muốn tìm hiểu về Linux cần phải nhớ. clear: làm sạch cửa sổ dòng lệnh…

• 

  Hướng dẫn quản lý web bán hàng 2 ngôn ngữ

  2 năm trước, 410 Lượt xem

  Xin chào các bạn! hôm nay netweb sẽ hướng dẫn các bạn quản lý web bán hàng 2 ngôn ngữ! Hướng dẫn tạo user thành…

• 

  Hướng dẫn tạo user thành viên và quản lý đơn hàng

  2 năm trước, 429 Lượt xem

  Trong bài viết này, netweb sẽ hướng dẫn các bạn tạo user thành viên và đặt hàng quản lý đơn hàng trong WooCommerce Thêm mới…

Bình luận trên facebook netweb.vn

Gọi netweb Báo giá web Chát Zalo Chủ đề liên quan theo Tag

• Hướng dẫn tạo user thành viên và quản lý đơn hàng
• Sự khác nhau giữa WordPress.com và WordPress.org
• WordPress là gì? Giới thiệu về WordPress: Nó là gì và Sử dụng nó khi nào?
• Plugin WordPress là gì? Và chúng hoạt động như thế nào?
• Làm thế nào để bắt đầu một blog WordPress – Hướng dẫn dễ dàng – Tạo một blog (2021)
• Cách cài đặt WordPress với LEMP trên Ubuntu 20.04
• Chi phí thực sự để xây dựng một trang web WordPress là bao nhiêu?

ajax, ajax search, search, Wordpress