wordpressのajaxを使用してリアルタイムで検索結果を表示させたいです。

Question

wordpressのajaxを使用してリアルタイムで検索結果を表示させたいです。
こちらのサイトを参考にして進めていったのですが表示されなかったので、質問させていただきました。

serachform.php

<script>
'use strict';
{
  const $form = $('#form1');
  const $count = $('#search-result-count span');
	$form.change(() => {
    $.ajax({
        url: '<?php echo admin_url('admin-ajax.php'); ?>',
        type: 'POST',
        data: $form.serialize() + '&action=career_search' + '&_wpnonce=<?php $nonce = wp_create_nonce( 'career_search' ); echo $nonce; ?>'
        })
     .done((response) => {
          $count.text(response);
	    })
     .fail((response) => {
          $count.text('Security check');
	    })
  })
}
</script>
	<div id="search-result-count">該当件数：<?php echo $count->count; ?>件</div>

下記がfunction.phpのコードです。

function career_search(){

  if ($_SERVER['REQUEST_METHOD'] === 'POST') {

	  $nonce = $_POST['_wpnonce'];
	  if (!wp_verify_nonce($nonce, 'career_search')) {
	      die('Security check');
	  }
$tags = get_terms( array( 'taxonomy'=>'post_tag', 'get'=>'all' ) ); 

  }
}
add_action('wp_ajax_career_search', 'career_search');
add_action('wp_ajax_nopriv_career_search', 'career_search');

<div id="search-result-count">該当件数：<?php echo $count->count; ?>件</div> の($count)の部分が間違っているのでしょうか？ そのほかにも間違っているところがあればご教授いただければ幸いです。

修正箇所(function.php)

#変更前$tags = get_terms( array( 'taxonomy'=>'post_tag', 'get'=>'all' ) ); 

$args = array(
  'get' => 'all',
	'orderby' => 'count',
);
$terms = get_tags($args);
echo $terms;

修正箇所(searchform.php)

#変更前　<div id="search-result-count">該当件数：<?php echo $count->count; ?>件</div>

<div id="search-result-count">該当件数：<span></span>件</div>

Answer 1

<?php echo $count->count; ?> は$countがPHPで定義されている箇所が無いのでエラーになると思います。
（エラーが出ないならデバッグモードに ⇒ http://mignonstyle.com/debug-mode/）

また、たとえresponseが返ってきたとしても、そこの値が更新されることは無いので、JavaScript側で書き換えるような組み方にしましょう。

---

下記部分の後、何も出力されていないのでresponseに特に何も入っていない状態になると思います。

$tags = get_terms( array( 'taxonomy'=>'post_tag', 'get'=>'all' ) ); 

Comments

[Mario_11]

たびたびすいません、いろいろ調べて修正したのですがうまくいかず追加で質問させていただきました、お手隙の際にご指摘いただけるとありがたいです。よろしくお願いします。

[kei344]

get_tags は文字列を返さないので、エラーになると思いますよ。

【get_tags – WordPress私的マニュアル】
https://elearn.jp/wpman/function/get_tags.html