Ajaxurl não definido na extremidade frontal

Nobackend,há uma variável Global Ajaxurl definidapelo WordPress.

Esta variávelnão é criadapela WPnofrontend. Isso significa que se você quiser usar chamadas AJAXnofrontend,então vocêtem que definiressa variável sozinho.

Boamaneira defazerisso é usar wp_localize_script .

Vamos supor que suas chamadas Ajaxestãoem My-Ajax-script.js arquivoe adicionar wp_localize_scriptparaeste arquivo JS como assim:

 funçãomy_enqueue () {

    wp_enqueue_script ('Ajax-script',get_template_directory_uri (). '/js/my-ajax-script.js',matriz ('jquery'));

    wp_localize_script ('Ajax-script','my_ajax_object',
            array ('ajax_url'=> admin_url ('admin-ajax.php'));
}
add_action ('wp_enqueue_scripts','my_enqueue');
 

Após localizar seu arquivo JS,vocêpode usar my_ajax_object objetono seu arquivo JS:

 jquery.ajax (
    {
        Tipo: "Postar",
        Datatype: "JSON",
        URL:my_ajax_object.ajax_url,
        DADOS: FORMDATA,
        sucesso:função (msg) {
            console.log (msg);
        }
    });
 

In backend there is global ajaxurl variable defined by WordPress itself.

This variable is not created by WP in frontend. It means that if you want to use AJAX calls in frontend, then you have to define such variable by yourself.

Good way to do this is to use wp_localize_script.

Let's assume your AJAX calls are in my-ajax-script.js file, then add wp_localize_script for this JS file like so:

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

After localizing your JS file, you can use my_ajax_object object in your JS file:

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

Para usar o Ajaxurl diretamente,no seu arquivo deplugin adicionaristo:

 add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

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

Vocêpode usar o ajaxurlpara solicitação AJAX.

to use ajaxurl directly, in your plugin file add this:

add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

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

you can then use the ajaxurl for ajax request.

Eu uso abaixo do códigono site do WordPress.
Podemos usar o código abaixopara a configuração Ajaxurl assim.

 <?php echo esc_url(admin_url('admin-ajax.php')); ?>  
 

Eutambém adicionei oexemplo Ajaxforampodemos usar a linha acima.

  function setNotificationRead() {
        fetch('<?php echo esc_url(admin_url('admin-ajax.php')); ?>', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
            },
            body: `action=yourFunctionsAction`,
            credentials: 'same-origin'
        }).then(response => {
            return response.json();
        }).then(data => {
            if (data.status === 'true') {
                console.log('Do something...');
            }
        });
    }
 

i have use below code in wordpress site.
we can use below code for setup ajaxurl like this.

<?php echo esc_url(admin_url('admin-ajax.php')); ?>  

i have also added ajax example were we can use above line.

 function setNotificationRead() {
        fetch('<?php echo esc_url(admin_url('admin-ajax.php')); ?>', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
            },
            body: `action=yourFunctionsAction`,
            credentials: 'same-origin'
        }).then(response => {
            return response.json();
        }).then(data => {
            if (data.status === 'true') {
                console.log('Do something...');
            }
        });
    }