ajaxurl ไม่ได้ถูกกำหนดไว้ที่ส่วนหน้า

ฉันพยายามสร้าง ajaxform ที่ด้านหน้า ฉันกำลังใช้รหัส

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

ซึ่งฉันได้รับข้อผิดพลาด

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

ในขณะที่ใช้รหัสที่คล้ายกันในงานแบ็กเอนด์ผู้ดูแลระบบ ฉันต้องใช้ URL ใดในการประมวลผลคำขอ ajax

ในส่วนหลังมีajaxurlตัวแปรทั่วโลกที่กำหนดโดย WordPress เอง

ตัวแปรนี้ไม่ได้สร้างโดย WP ในส่วนหน้า หมายความว่าหากคุณต้องการใช้การโทร AJAX ในส่วนหน้าคุณต้องกำหนดตัวแปรดังกล่าวด้วยตัวเอง

wp_localize_scriptวิธีที่ดีในการทำเช่นนี้คือการใช้

สมมติว่าการโทร AJAX ของคุณอยู่ในmy-ajax-script.jsไฟล์จากนั้นเพิ่ม wp_localize_script สำหรับไฟล์ JS นี้ดังนี้:

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

หลังจากแปลไฟล์ JS ของคุณแล้วคุณสามารถใช้my_ajax_objectวัตถุในไฟล์ JS ของคุณ:

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

เพื่อใช้ ajaxurl โดยตรงในไฟล์ปลั๊กอินของคุณเพิ่มสิ่งนี้:

add_action('wp_head', 'myplugin_ajaxurl');

function myplugin_ajaxurl() {

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

จากนั้นคุณสามารถใช้ajaxurlสำหรับคำขอ ajax