رفتن به مطلب

ساختن جست و جوی Ajax


پست های پیشنهاد شده

راحترین کار استفاده از پلاگینهای  جستجوی ای جکس هست
 

https://wordpress.org/plugins/ajax-search-lite/
https://wordpress.org/plugins/searchwp-live-ajax-search/
https://wordpress.org/plugins/ajax-live-search/

 

لینک به ارسال
در 7 ساعت قبل، Mobin گفته است :

راحترین کار استفاده از پلاگینهای  جستجوی ای جکس هست
 


https://wordpress.org/plugins/ajax-search-lite/
https://wordpress.org/plugins/searchwp-live-ajax-search/
https://wordpress.org/plugins/ajax-live-search/

 

بدون افزونه میخوام درست کنم 

لینک به ارسال
در 7 ساعت قبل، Mobin گفته است :

راحترین کار استفاده از پلاگینهای  جستجوی ای جکس هست
 


https://wordpress.org/plugins/ajax-search-lite/
https://wordpress.org/plugins/searchwp-live-ajax-search/
https://wordpress.org/plugins/ajax-live-search/

 

بدون افزونه میخوام درست کنم 

لینک به ارسال

کد سادش به صورت زیر هست
کد html
 

<input type="text" name="keyword" id="keyword" onkeyup="fetch()"></input>

<div id="datafetch">Search results will appear here</div>

کد ایجکس
 

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

تابع wp ajax  که تو فایل function.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();
}

 

لینک به ارسال
  • 3 هفته بعد...

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...