플러그인 없이 WordPress에서 Ajax 호출을 만드는 방법은 무엇입니까?

플러그인 없이 Wordpress에서 Ajax 호출: 종합 가이드

원본 호에서 언급했듯이, 플러그인을 사용하지 않고 Wordpress에서 Ajax 호출을 수행합니다. 플러그인은 때때로 출력으로 항상 "0"을 표시하는 등 예상치 못한 결과를 초래할 수 있습니다. 이는 프런트엔드에 ajaxurl이라는 전역 변수가 없기 때문입니다. Wordpress는 런타임 중에 이 변수를 생성하지만 백엔드에서만 사용할 수 있도록 합니다.

이 문제를 해결하려면 wp_localize_script 함수를 사용하여 프런트엔드에 자체 ajaxurl 변수를 생성해야 합니다. 이를 수행하는 방법에 대한 예는 다음과 같습니다.

<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>

이 코드는 프런트엔드에 ajax_url 속성이 포함된 전역 my_ajax_object 개체를 생성합니다. 그런 다음 Javascript 코드에서 이 객체를 사용하여 다음과 같이 Ajax 요청을 할 수 있습니다.

<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 호출을 성공적으로 수행할 수 있습니다. 프로젝트 설정과 일치하도록 ajax-script 파일 이름과 CDN 링크를 수정하는 것을 잊지 마세요.

위 내용은 플러그인 없이 WordPress에서 Ajax 호출을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!