WordPress 프런트엔드에서 AJAX 호출을 성공적으로 수행하는 방법은 무엇입니까?

WordPress에서 AJAX 호출: 0이 아닌 결과 출력에 대한 종합 가이드

WordPress에서 AJAX 호출을 할 때 다음 사항을 고려하는 것이 중요합니다. 프론트엔드와 백엔드 환경의 차이점 WordPress는 백엔드에서 전역 ajaxurl 변수를 정의하지만 이 변수는 프런트엔드에서 정의되지 않습니다. 따라서 프런트엔드에서 AJAX 호출을 사용하려면 이 변수를 직접 명시적으로 정의해야 합니다.

wp_localize_script 사용:

프런트엔드에서 ajaxurl 변수를 정의하는 실용적인 접근 방식 wp_localize_script 함수를 사용하는 것입니다. 예를 들어 AJAX 호출이 my-ajax-script.js라는 JS 파일에 포함된 경우 다음과 같이 현지화할 수 있습니다.

<code class="php">function my_enqueue() {
    wp_enqueue_script( 'ajax-script', get_template_directory_uri() . '/js/my-ajax-script.js', array('jquery') );
    wp_localize_script( 'ajax-script', 'my_ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );</code>

JavaScript에서 my_ajax_object 변수 사용:

JS 파일을 현지화한 후 my_ajax_object 개체에 액세스할 수 있습니다. 이를 통해 AJAX를 사용하여 PHP 함수에 데이터를 전달할 수 있습니다:

<code class="javascript">jQuery.ajax({
    type: "post",
    dataType: "json",
    url: my_ajax_object.ajax_url,
    data: formData,
    success: function(msg){
        console.log(msg);
    }
});</code>

위 내용은 WordPress 프런트엔드에서 AJAX 호출을 성공적으로 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!