WordPress에서 Ajax를 사용하는 방법

이제 WordPress를 기반으로 한 Ajax 작성 방법에 대한 자세한 설명을 공유하겠습니다. 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

Ajax의 편리함이 생각나서 워드프레스 템플릿 프로그램을 바꾸고 싶어서 연구를 해봤습니다.

사용 방법 및 코드는 다음과 같습니다.

js 페이지는 다음과 같습니다.

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

AJAX 요청은 wp-admin/admin-ajax.php를 가리켜야 합니다. "admin"이라는 단어가 약간 오해의 소지가 있지만 프론트 데스크의 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' );

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로 모든 분들께 도움이 되길 바랍니다.

관련 기사:

Vue.js 2.0을 사용하여 배경 비디오 로그인 페이지를 구현하는 방법

Vue를 사용하여 시간 변환 지침을 개발하는 방법은 무엇입니까?

Angularjs에서 페이지 적응을 구현하는 방법은 무엇입니까?

VueJs에서 window.resize를 모니터링하는 방법과 이를 구체적으로 구현하는 방법은 무엇입니까?

위 내용은 WordPress에서 Ajax를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!