ajaxurl no definido en el extremo frontal

Estoy tratando de crear una ajaxform en la parte frontal. Estoy usando el codigo

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

para lo cual recibo un error

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

Mientras usa un código similar en el backend de administrador funciona ¿Qué url debo usar para procesar la solicitud ajax?

En el backend hay una ajaxurlvariable global definida por el propio WordPress.

WP no crea esta variable en la interfaz. Significa que si desea utilizar llamadas AJAX en la interfaz de usuario, debe definir dicha variable usted mismo.

Una buena forma de hacerlo es usarlo wp_localize_script.

Supongamos que sus llamadas AJAX están en el my-ajax-script.jsarchivo, luego agregue wp_localize_script para este archivo JS de esta manera:

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

Después de localizar su archivo JS, puede usar el my_ajax_objectobjeto en su archivo JS:

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

para usar ajaxurl directamente, en su archivo de complemento agregue esto:

add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

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

A continuación, puede utilizar la ajaxurlsolicitud de ajax.