Hướng dẫn ajax search wordpress code - ajax tìm kiếm mã wordpress

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<form action="/"method="GET"role="form">

<input type="hidden"name="post_type"value="bat-dong-san">

<div class="form-group">

<select name="quan-huyen"id="quan-huyen"class="form-control"required="required">

ChọnQuận/Huyệnoption value="">Chọn Quận/Huyện</option>

$args=array(

ChọnQuận/Huyện'hide_empty'=>0,

    'hide_empty'=>0,'taxonomy' =>'khu-vuc',

    'taxonomy'=>'khu-vuc','parent'=>0

    'parent'=>0);

    );$cates=get_categories($args);

    $cates=get_categories($args);foreach($catesas$cate){  ?>

name;?>option value="echo$cate->slug; ?>">echo$cate->name;?></option>

}?>

</select>

</div>

<div class="form-group">

<select name="xa-phuong"id="xa-phuong"class="form-control">

ChọnQuận/Huyệnoption value="">Chọn Xã/Phường</option>

</select>

</div>

<div class="form-group">

<input type="text" name="s"id="keyword"class="form-control"placeholder="Từ khóa tìm kiếm..."autocomplete="off">

</div>

ChọnQuận/Huyệnbutton type="submit" class="btn btn-primary">Tìmkiếm</button>

</form>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

.fail(function(){fail(function(){

console.log("error");.log("error");

    'hide_empty'=>0,)

.always(function(){always(function(){

    'taxonomy'=>'khu-vuc',);

    'taxonomy'=>'khu-vuc',);

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

add_action('wp_ajax_showChild','showCateFunc');('wp_ajax_showChild','showCateFunc');

add_action('wp_ajax_nopriv_showChild','showCateFunc');('wp_ajax_nopriv_showChild','showCateFunc');

functionshowCateFunc(){showCateFunc(){

    $cates=get_categories($args);(isset($_POST['slug'])&& $_POST['slug']){

    foreach($catesas$cate){  ?>

$parent=get_term_by('slug',$slug,'khu-vuc');=get_term_by('slug',$slug,'khu-vuc');

$args=array(=array(

ChọnQuận/Huyện'hide_empty'=>0,

    'hide_empty'=>0,'taxonomy'=>'khu-vuc',

    'taxonomy'=>'khu-vuc','parent'=> $parent->term_id

    'parent'=>0);

    );$cates=get_categories($args);

    $cates=get_categories($args);echo'Chọn Xã/Phường';

    $cates=get_categories($args);foreach($catesas$cate){  ?>

name;?>option value="echo$cate->slug; ?>">echo$cate->name;?></option>

}

}else{else{

    foreach($catesas$cate){  ?>'Chọn Xã/Phường';

ChọnXã/Phường

die();();

ChọnXã/Phường

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

},=isset($_GET['post_type'])&& $_GET['post_type'] ? $_GET['post_type'] : 'post';

})= isset($_GET['quan-huyen'])&& $_GET['quan-huyen'] ? $_GET['quan-huyen'] : '';

});=isset($_GET['xa-phuong'])&& $_GET['xa-phuong'] ? $_GET['xa-phuong'] : $district;

Đoạn code trên chúng ta bắt sự kiện khi thay đổi Quận/Huyện thì sẽ gọi 1 cái ajax gởi lên phía backend 2 nội dung đó là: action và slug=isset($_GET['s'])&& $_GET['s'] ? $_GET['s'] : '';

$args=array(=array(

'showposts'=>10,=>10,

'post_type'=>$post_type, =>$post_type,

's'=>$key,=>$key,

'khu-vuc'=>$location=>$location

Sau đó nhận dữ liệu data về add vào select Xã/Phường.;

Lưu ý: Bạn nào trong dự án có chứa khai báo jquery rồi thì xóa dòng đầu tiên đi nha

$the_query=new WP_Query($args);?>

have_posts()):?>if($the_query->have_posts()):?>

have_posts()):$the_query->the_post();?>while( $the_query->have_posts()):$the_query->the_post();?>

<p>the_title();?></p>

endwhile;?>

endif;?>

wp_reset_query();?>