[PHP/WordPress] AJAX 통신

관련 포스팅

  - AJAX 통신 개념 : https://young0105.tistory.com/255

 

 

---

1. AJAX 통신 시 작업을 수행할 함수 생성

  - 위치 : /plugins/플러그인명 폴더에 존재하는 주파일

     → 플러그인명이 absdf라면 주파일 이름도 그와 유사하게 absdf.php 이런 식으로 만들어져 있음

  - 해당 함수를 action으로 설정해주어야 함

add_action("wp_ajax_액션명", "함수명");
add_action("wp_ajax_nopriv_액션명", "함수명");
function 함수명()
{
    // ...

    // 반환할 데이터
    echo ...
    
    // 통신 종료
    wp_die();
}

2. AJAX URL 설정

  - 워드프레스에서는 'admin-ajax.php'를 사용함

  - 'admin-ajax.php'의 경로를 자바스크립트 변수에 저장하기

// php에서는 아래 코드로 admin-ajax.php 경로를 저장할 수 있음
$ajaxurl = admin_url('admin-ajax.php');

3. AJAX 통신 코드 작성

$.ajax({
    type : "post", 
    url : ajaxurl, // 자바스크립트 변수에 저장해둔 admin-ajax.php 경로
    dataType: 'json', // 데이터를 json으로 반환받는 경우
    data: { // body에 담아 보낼 데이터
        action: '액션명', // 액션명 기입 (앞에 wp_ajax_는 제외하고)
        ...
    },

}).done((res) => {
    // 통신 성공 시, 반환한 데이터가 res에 담김
    console.log(res);

}).fail((error) => {
    // 통신 실패
    console.log(error);
});