wordpressでのajaxの書き方を詳しく解説

WordPressのテンプレートプログラムを変更したいと思い、ajaxの利便性を考えて調べてみました。この記事ではWordPressをベースにしたajaxの書き方を中心に詳しく解説していますので、参考になれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

使用方法とコードは以下の通りです:

jsページは以下の通りです

<script>
  var ajaxurl = '<?php echo admin_url(&#39;admin-ajax.php&#39;)?>';
  function getVideo(id){
		//必须使用以下里面才能正常使用jquery
    jQuery(document).ready(function($){
      var data={
        tape:id,
				//这里尤为重要，action的参数要和请求的函数名一致
        action : 'get_ajax_video',
      }
      $.post(ajaxurl, data, function(response) {
        $('.player').html(response);
      });
    });
  }
</script>

AJAXリクエストはwp-admin/admin-ajax.phpを指す必要があります。 「管理者」という言葉は少し誤解を招きやすいですが、フロント デスクからの ajax リクエストも admin-ajax.php にあるはずです。

admin-ajax にはパラメータ「action」が必要です。 Admin-ajax はリクエストを処理するためにこのパラメータを必要とします。通常、ログインしているかどうかによってフックがトリガーされます。

次に、プラグインまたはテーマに関数を記述します

function get_ajax_video() {
  // 输出响应
  header( "Content-Type: application/json" );
  echo json_encode($html);
  exit;//这个停止一定要写
}
//函数名对应添加上，第一个表示用户没有登录时，这里全部都一样处理
add_action( 'wp_ajax_nopriv_get_ajax_video', 'get_ajax_video' );
add_action( 'wp_ajax_get_ajax_video', 'get_ajax_video' );

関連する推奨事項:

WordPress で HTML サフィックスの疑似静的追加を実装する方法

WordPress でのフックの使用の分析

WordPress のメッセージにフロアを追加する No.

以上がwordpressでのajaxの書き方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。