ajaxurl không được xác định ở mặt trước

Tôi đang cố gắng tạo ajaxform ở mặt trước. Tôi đang sử dụng mã

    jQuery.ajax(
        {
            type: "post",
            dataType: "json",
            url: ajaxurl,
            data: formData,
            success: function(msg){
                console.log(msg);
            }
        });

mà tôi đang nhận được lỗi

Uncaught ReferenceError: ajaxurl is not definedworklorAjaxBookForm @ 
?page_id=2:291onclick @ ?page_id=2:202

Trong khi sử dụng mã tương tự trên phụ trợ quản trị viên hoạt động. Tôi phải sử dụng url nào để xử lý yêu cầu ajax?

Trong phần phụ trợ có ajaxurlbiến toàn cục được xác định bởi chính WordPress.

Biến này không được tạo bởi WP trong frontend. Điều đó có nghĩa là nếu bạn muốn sử dụng các cuộc gọi AJAX ở lối vào, thì bạn phải tự xác định biến đó.

Cách tốt để làm điều này là sử dụng wp_localize_script.

Giả sử các cuộc gọi AJAX của bạn nằm trong my-ajax-script.jstệp, sau đó thêm wp_localize_script cho tệp JS này như sau:

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' );

Sau khi bản địa hóa tệp JS của bạn, bạn có thể sử dụng my_ajax_objectđối tượng trong tệp JS của mình:

jQuery.ajax(
    {
        type: "post",
        dataType: "json",
        url: my_ajax_object.ajax_url,
        data: formData,
        success: function(msg){
            console.log(msg);
        }
    });

để sử dụng ajaxurl trực tiếp, trong tệp plugin của bạn thêm điều này:

add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

   echo '<script type="text/javascript">
           var ajaxurl = "' . admin_url('admin-ajax.php') . '";
         </script>';
}

sau đó bạn có thể sử dụng ajaxurlyêu cầu ajax.