検索結果の該当件数をリアルタイムに表示させたい

Question

###前提・実現したいこと
http://sumaity.com/chintai/tokyo/?lid=smt10008
このサイトの検索フォームのように、項目を選択するだびに該当件数を表示させたいです。

###試したこと
①WordPressのタグを使い検索機能を実装（タグに紐づく投稿記事が検索結果に該当）

②inputがクリックされる度に、チェックの入っているinputのvalueをAjaxでPHPファイル(search-kekka.php)に送る

<form>
  <label><input type="checkbox" name="checkbox-group[]" value="18">ID:10</label><br>
  <label><input type="checkbox" name="checkbox-group[]" value="15">ID:15</label><br>
  <label><input type="checkbox" name="checkbox-group[]" value="13">ID:13</label><br>
</form>
<div id="result"></div>


<script type="text/javascript">
$(function(){
     $('input').change(function() {     //inputクリックで発生

       var checks=[]; //空の配列を用意
       $("[name='checkbox-group[]']:checked").each(function(){
           checks.push(this.value); //チェックのついているinputのvalueを全て配列に格納
       });
          $.ajax({ //ajaxによる非同期通信発生
               type: "POST", //POST送信でデータを受け渡す
               url: "search-kekka.php", //search-kekka.phpにデータを送る
               date: checks, //配列のデータを送る
               success: function(hoge) //接続が成功
                    {
                         $('#result').html(hoge); //該当件数を表示
                    },
               error: function(XMLHttpRequest,textStatus,errorThrown) //接続が失敗
                    {
                         alert('エラーです！'); //エラーを表示
                    }
          });
          return false;
     });
});
</script>

チェックの入っているinputのvalueが配列に格納されているかテストし、格納されていることを確認。

  console.log(checks);

→["18", "15", "13"]

③受け取ったvalueの値から該当する記事数を返す

search-kekka.php

<?php require_once( dirname( __FILE__ ) . '/wp-load.php' ); ?>

<?php $atai = $_POST['checks']; //Ajaxで送信された配列を受け取る ?>

<?php
global $wpdb;
$myrows = $wpdb->get_results( "SELECT object_id FROM $wpdb->term_relationships WHERE term_taxonomy_id = '18' OR term_taxonomy_id = '15' OR term_taxonomy_id = '13'" ); //タグが該当する記事を習得
$gaitou = array(); //空の配列を用意
foreach ($myrows as $value) {
  $gaitou[] = $value->object_id; //ループを回して配列にobject_idを格納していく
  $gaitou_kensu = array_count_values($gaitou);
}
$count = count($gaitou_kensu);
echo $count;
// $input = $_POST['input'];
// echo $input);
?>

###質問させていただきたいこと

PHPファイルに送られた配列情報をもとに、以下のように値によってSQLのWHERE条件を変更したいのですが

※["18", "15", "13"]の場合
WHERE term_taxonomy_id = '18' OR term_taxonomy_id = '15' OR term_taxonomy_id = '13'

※["18", "15"]の場合
WHERE term_taxonomy_id = '18' OR term_taxonomy_id = '15'

このような吐き出しを実現するためのコードはどのように書けばいいでしょうか？

「そもそもこの方法では実現は難しい」「他に実装手段がある」などもございましたらご教授いただけましたら幸いです。

Comments

[CHERRY]

WordPress の関数や変数を使うのであれば、PHPファイルの先頭で wp-load.php を読み込む必要がありますが、読み込まれていますか？

[退会済みユーザー]

WordPressでAjaxを使う場合は、/wp-admin/admin-ajax.phpにリクエストを送るなどの手順があるはずなので、一度その方向も調べてみてはどうでしょうか？

[ikemon]

CHERRY様　読み込まれておりませんでした…。wp-load.phpを読み込みましたら、正常にWordPress の関数や変数が使えました。ありがとうございます！

[ikemon]

miz様　admin-ajax.phpにリクエストを送るなどの手順も一度調べてみます！

Answer 1

phpには明るくないのですが、jqueryの記述で1点気になるところがあります。
$ajax命令で

data: "#result", //結果を#resultに表示

と、指定していますが、ここは送るべきデータを指定すべき箇所なので、

data : {"wpdb": $("#wpdbのあるID").val()}

と、送るべきではないでしょうか。
そうすれば、コメント欄で指摘されている点をクリアしていれば、
php側で $_POST['wpdb']とすれば、postされた変数を取得できるのではないでしょうか。

Comments

[ikemon]

ご指摘ありがとうございます！
```Javascript
data: "#result", //結果を#resultに表示
```
こちらの箇所おっしゃる通り間違っておりました。。

[akio221]

>PHPファイル(search-kekka.php)に配列情報を上手く送ることができませんでした。

再度、jQuery側で・・。
JSON形式で投げるのであれば、一般的な添え字を持つ配列ではなく、
キーと値で設定される連想配列で送る必要があります。

提示されたソースでルールに沿うのであれば、
data : {"checks" : checks }
と、すれば、"checks"をキーとする値(checksに束ねた配列)が、POSTされると思います。

php内部での扱いは･･すみません、ちょっと詳しくないので・・・。

[ikemon]

data : {"checks" : checks }
ですが、date : {"checks" : checks }で先ほど試しており、動かないと判断しておりました…(ｽﾍﾟﾙﾐｽ)

data : {"checks" : checks }
で問題なくPOSTされました！ありがとうございます！