> 웹 프론트엔드 > JS 튜토리얼 > WordPress의 Ajax 작성 방법에 대한 자세한 설명

WordPress의 Ajax 작성 방법에 대한 자세한 설명

小云云
풀어 주다: 2018-01-03 09:22:12
원래의
2425명이 탐색했습니다.

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를 가리켜야 합니다. "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' );
로그인 후 복사

관련 권장 사항:

워드프레스에서 HTML 접미사의 의사 정적 추가를 구현하는 방법

워드프레스에서 후크 사용 분석

WordPress 번호의 메시지에 층을 추가하세요.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿