wordpressでカスタムフィールドをjavascriptに渡す方法

Question

カスタムフィールドの配列をjavascriptで受け取り動的なselectメニューを作りたいのですが、
下記のやり方では何も取得できませんでした。

どのようにすれば受け取ることができますでしょうか

function.php

function get_obj(){
    if($_POST['req']=="room"){
    $obj=get_field('カスタムフィールド名',"100");
    echo json_encode($obj);
    }
}
add_action( 'wp_ajax_get_obj', 'get_obj' );

$jq = jQuery.noConflict();

$jq(document).ready(function () {
    
    var time_popup = '<select>';
    $jq.ajax({
        type: 'POST',
        url: ajaxurl,
        data: {
            'action' : 'get_obj',
            'req' : 'room',
        },
        success: function( response ){
            var jsonData = JSON.parse( response );
            console.log(jsonData);
            for(var i = 0; i <= jsonData.length; i++) {
                time_popup += '<option value="' + jsonData[i] + '">' + jsonData[i] + '</option>';
            }
        }
    });

    time_popup += '</select>';
})

Comments

[Lhankor_Mhy]

ajaxurl を取得している部分のコードをご提示いただけますか？

[u-sukesan]

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

[Lhankor_Mhy]

ドキュメントを見ると、"This hook only fires for logged-in users."とのことでしたが、それは大丈夫ですか？
https://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)

[u-sukesan]

管理画面で使用したいフォームですのでログインユーザーのみなので大丈夫だと思います

[Lhankor_Mhy]

うーん、コードを見る感じ、問題を感じませんね。
ajaxのステータスコードは200ですか？

Answer 1

admin-ajax.phpは最後に0を出力するので
wp_ajax_*のcallbackは最後にdie();しなくてはいけません
でなければJSON.parseに失敗します

あと処理の順番を確認、
これではselectの中にoptionが入りません

var time_popup = '<select>';
↓
time_popup += '</select>';
↓
ajaxで値が取得される
↓
for(var i = 0; i <= jsonData.length; i++) {
　 time_popup += '<option value="' + jsonData[i] + '">' + jsonData[i] + '</option>';
}

Comments

[u-sukesan]

ありがとうございます。配列は取得できました。
順序に関してはappendを使うなど考えてみます。