記録

WordPressを実践勉強中、ajaxについてうにゃ。

WordPressでajaxを動かそうするとき、WordPressのルールに 則って動かさないと動かないらしい。 なので、このような記述を書かないといけない。 まず、非同期処理の送信先に、admin-ajax.phpというファイルを指定。 そこへPOSTかGETしないといけない。そしてデータとして アクションさせるファンクション名を記述して 上げないといけないらしい。 こんな感じになる。
$( '#submit' ).on( 'click', function(){
    $.ajax({
        type: 'POST',
        url: <?=admin_url('admin-ajax.php')?>,
        data: {
            'action' : 'hoge_f',
        },
        dataType: "json",
        success: function( obj){
            alert( obj );
        }
    });
    return false;
});
次にWPテーマのファンクションファイルに下記を追加記述。
function hoge_f(){
echo json_encode($_POST);
    die();
}
add_action( 'wp_ajax_hoge_f', 'hoge_f' );
add_action( 'wp_ajax_nopriv_hoge_f', 'hoge_f' );
ここでミソなのが、die();という部分、これを除けると0という文字も出力されてしまう。 ちなみにwp_ajaxがログイン時の振る舞い、wp_ajax_noprivがログアウト(=訪問者)時の 振る舞いだそうだ。 この2つの勘所だけ覚えとけばWordPressで非同期処理が 行えるのではないだろうか、もっと詳しく知りたい場合、admin-ajax.phpの中身を 見たらよいのだろうけど、にわかWordPress職人さんはコレだけ 覚えとけば良さそうだと。  

活動支援よろしくお願いします

片言の日本語より。前のページ

映画、ブレードランナー2049を観てきましたよ。次のページ

関連記事

  1. 記録

    Facebookブラウザ版でライブ動画が見えるようになってた(´Д`)

    Facebookブラウザ版でライブ動画が見えるようになってた・・・。…

  2. 記録

    映画ジョンウィック:チャプター2の短文感想。 #映画感想

    映画、ジョンウィックチャプター2を観てきましたので感想を残しときます…

  3. 記録

    身の程知らず身の程知らず身の程知らず #身の程知らず

    今日のお題は「身の程知らず身の程知らず身の程知らず」です。3回ぐら…

  4. 記録

    にほんブログ村に入会しようかと検討中ですが辞めておこうとまだ思っている🐾

    おはよう御座います。朝、4時起床しました、正確には3時半ぐらいに目覚…

  5. 記録

    昨日から超絶痛いのです、あそこが痛いのです。

    昨日から超絶痛いのです、あそこが痛いのです。あそことはあそこで…

  6. 記録

    反応する人から対応する人へ

    将来に不安を感じるだけでは何も変わらない。不安を感じても、何とか成…

2017年10月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

カテゴリー

PAGE TOP