>CMS 튜토리얼 >Word누르다 >WordPress에서 Ajax를 사용하는 방법 - 실제 예제

WordPress에서 Ajax를 사용하는 방법 - 실제 예제

Lisa Kudrow
Lisa Kudrow원래의
2025-02-10 15:19:07230검색

이 기사에서는 WordPress에서 Ajax를 사용하여 "나중에 읽기"플러그인을 만드는 방법을 보여줍니다. 플러그인은 각 게시물 아래에 링크를 추가하여 로그인 사용자가 나중에 읽을 수 있도록 게시물을 저장할 수 있도록합니다. 그런 다음 위젯은 이러한 저장된 게시물을 표시합니다. 이 자습서는 안전한 코딩 관행을 강조합니다

주요 개념 :

How to Use Ajax in WordPress - a Real World Example

:

이 핵심 WordPress 파일은 Ajax 요청을 처리하여 보안 및 호환성을 보장합니다. 후크 :이 후크를 사용하여 사용자 정의 기능을 등록하여 Ajax 요청을 처리합니다. Enqueuing Scripts and Styles : WordPress 함수를 사용하여 적절하게 등록하고 JavaScript 및 CSS. nonce 검증 : 무단 액세스에 대한 Ajax 호출을 확보하는 데 필수적입니다. 동적 UI 업데이트 : ajax 페이지 재 장전없이 매끄럽고 빠른 컨텐츠 업데이트를 활성화합니다.

플러그인 기능 :
    "나중에 읽기"플러그인은 이러한 동작을 수행합니다 :
  • 각 블로그 게시물 아래에"나중에 읽기 "링크를 추가합니다 클릭하면 포스트 ID가 사용자의 메타 데이터에 저장됩니다 (페이지 새로 고침없이). 위젯은 저장된 게시물을 표시합니다 플러그인 개발 단계 : admin-ajax.php
  • 디렉토리 구조 :
  • 및 및 에 대한 하위 폴더가있는 플러그인 폴더 ()를 생성하고 파일 : , wp_ajax_, 를 만듭니다. .
  • (플러그인 헤더 및 클래스) :
  • 플러그인 헤더는이를 WordPress로 식별합니다. a
  • 클래스는 플러그인 기능을 캡슐화합니다 eNqueueing 스크립트 및 스타일 : 클래스에는 WordPress hooks ()를 사용하여
  • 파일을 등록하고 파일을 등록하고 queue하는 메소드가 포함되어 있습니다.
  • "나중에 읽으십시오"링크 추가 : a function ()은 게시물 컨텐츠 및 발췌 링크를 추가하여 로그인 사용자에게만 표시됩니다. WordPress 필터 (
, )를 사용합니다

ajax url 정의 : url을 JavaScript에 사용할 수있게합니다.

javaScript (

) : JavaScript가 링크를 처리하고 ajax 요청을
    로 보내고 성공적인 저장 후 링크를 ​​숨 깁니다.
  1. Ajax Action Hook () :

    in in ajax 요청을 wp_ajax_read_me_later 함수에 연결합니다. read-me-later.php read_me_later 함수 :

    이 함수는 를 사용하여 Post ID를 사용자의 메타 데이터에 저장합니다. 또한
  2. 를 사용하여 저장된 게시물을 검색하고 표시합니다. 이 함수는
  3. 를 사용하여 적절한 ajax 출력을 보장합니다

    위젯 (read_me_later> 사용자 정의 위젯 ()은 저장된 게시물을 표시하도록 확장합니다. 위젯 양식, 업데이트 및 디스플레이를위한 방법이 포함되어 있습니다. update_user_meta get_posts ajax 통화 보안 : nonce verification은 javaScript에서 die()를 사용하여

    를 사용하여, 를 사용하여 무단 요청을 방지합니다.
  4. widget.php 결론 : 이 자습서는 WordPress 플러그인 내에서 Ajax를 안전하고 효과적으로 사용하는 실질적인 예를 제공합니다. 보다 복잡하고 기능이 풍부한 플러그인을 만들기 위해이 기초를 조정하고 확장해야합니다. WordPress 후크 및 기능의 사용은 호환성과 유지 가능성을 보장합니다. RML_Widget

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.