前端未定义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文件中，然后为该JS文件添加wp_localize_script，如下所示：

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文件中使用object：

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

然后，您可以使用ajaxurlfor ajax请求。