書き残し

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職人さんはコレだけ
覚えとけば良さそうだと。

 

The following two tabs change content below.
zip358と申します。 まったりWEB日誌を更新している中の人です? 趣味は映画鑑賞とブログ書きです、 こちらで生活できるようになるのが目標です。 ブックマークやシェアして頂けると励みになります。 どうぞよろしくお願い致します。

関連記事

  1. 書き残し

    クラウドソーシングで仕事を請け負う確率とリアルで営業して。

    クラウドソーシングで仕事を請け負う確率とリアルで営業して仕事をとって…

  2. 書き残し

    ミスタータナカ!!

    現在、ある企業でWEB系システム開発(機能追加)とかしているのだけ…

  3. 書き残し

    #アプリ Facebookのペーパーアプリがなかなか日本に上陸しない。

    Facebookのペーパーアプリがなかなか日本に上陸しないです。なか…

  4. 書き残し

    エクセル2007単体のVBA開発ではカレンダー表示なんて出来ないだったら(´Д`)VSだ。

    エクセル2007単体のVBA開発ではカレンダー表示なんて出来ないだっ…

  5. 書き残し

    httpingのインストール方法。centOS7

    httpingのインストール方法ですけど。wgetを使用してダウンロ…

2017年10月
 12
3456789
10111213141516
17181920212223
24252627282930

アクセスカウンター😅

とある高知県の気温や湿度

Twitter でフォロー

PAGE TOP