wordpressでajaxを使う

Question

function.php

function add_my_ajaxurl() {
?>
    <script>
        var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>';
    </script>
<?php
}
add_action( 'wp_head', 'add_my_ajaxurl', 1 );

////////////////////////////////////////////////////
//アクション
////////////////////////////////////////////////////
function get_obj(){
　//DBに接続してデータを取得
　echo json_encode(取得したデータ);
　die(); 
}
add_action( 'wp_ajax_get_obj', 'get_obj' );

呼び出し部分

jQuery(function($){
ajax_form();

function ajax_form(){
 $.ajax({
  type: 'post',
  url: ajaxurl,
  dataType:'json',
  async: false,
  data: {
     'action':'get_obj',
  },
  success: function( response ){
      console.log('成功');
  }
  });
 }
});

上記のように設定しているのですが、wordpress管理画面にログイン状態だと正常に機能するのですが、
ログアウトしてプレビューすると「POST http://hoge.com/wp-admin/admin-ajax.php 400 (Bad Request)」となります。
どこがおかしいのでしょうか？

Answer 1

非ログイン用のフックがいります。

【WordPress で Ajaxを利用する | バシャログ。】
http://bashalog.c-brains.jp/19/02/27-193024.php

【WordPress内のPHPファイルにAjax通信を行う方法と注意点 | てらこや.work】
https://www.terakoya.work/wordpress-php-ajax-how-to/

19・20行目のフックポイントの書き方がポイント。「wp_ajax_」「wp_ajax_nopriv_」の後ろに動作させるAjaxのaction名を指定します。noprivの方はログアウト中、noprivがついてない方はログイン中のみ動作するフックポイントになります。

Comments

[u-sukesan]

ありがとうございます。
正常に動作しました。

非ログイン用のフックっと言うものがあるんですね
勉強になりました！

Answer 2

管理者権限が必要なactionを叩いてしまった、とか？
→一般でも使える、より正しいactionにするべき、かも。

WordPressでaxiosからAjax使った際の400エラー | まとめたる

Comments

[u-sukesan]

ありがとうございます。
調べてみます