ajaxurl tidak didefinisikan di ujung depan

Saya mencoba membuat ajaxform di sisi depan. Saya menggunakan kodenya

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

di mana saya mendapatkan kesalahan

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

Saat menggunakan kode serupa pada karya backend admin. URL apa yang harus saya gunakan untuk memproses permintaan ajax?

Di backend ada ajaxurlvariabel global yang ditentukan oleh WordPress itu sendiri.

Variabel ini tidak dibuat oleh WP di frontend. Ini berarti bahwa jika Anda ingin menggunakan panggilan AJAX di frontend, maka Anda harus mendefinisikan variabel tersebut sendiri.

Cara yang baik untuk melakukannya adalah menggunakan wp_localize_script.

Anggap saja panggilan AJAX Anda ada dalam my-ajax-script.jsfile, lalu tambahkan wp_localize_script untuk file JS ini seperti ini:

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

Setelah melokalkan file JS Anda, Anda dapat menggunakan my_ajax_objectobjek di file JS Anda:

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

untuk menggunakan ajaxurl secara langsung, di file plugin Anda tambahkan ini:

add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

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

Anda kemudian dapat menggunakan ajaxurluntuk permintaan ajax.