我正在尝试通过WordPress Multisite中的插件在用户前端页面中使用AJAX,但 admin-ajax.php 会生成 Bad Request 400 ,并且始终失败。
这是我的代码和输出的一部分,我只是将其缩短,这里有一个用于实例化AJAX操作的类,其后还有一个用于使用wp_enqueue_scripts操作来包含JS文件的类。
无论如何正确包含了JS文件,console.log函数显示了所有JS数据对象,如您在下面的代码中看到的那样,但它始终失败,并且 msg 参数在状态文本中打印 Bad Request < / strong> ..我错过了什么?
/* == AJAX Class == */
add_action( 'wp_ajax_wpmu_frontendpage', array( &$this, '_class_function' ) );
add_action( 'wp_ajax_nopriv_wpmu_frontendpage', array( &$this, '_class_function' ) );
/* 1. The JS file included correctly */
wp_register_script( 'wpmu/scripts/frontend/core', 'JS_FILE.js',
array( 'jquery' ), '1.0', true );
/* 2. Localize */
wp_localize_script( 'wpmu/scripts/frontend/core', 'wpmu_ajax', array (
'ajax_url' => esc_url( admin_url('admin-ajax.php') )
)
);
/* 3. Enqueue */
wp_enqueue_script( 'wpmu/scripts/frontend/core' );
== JS FILE ==
(function ($) {
'use strict';
$.wpmu = $.wpmu || {};
$.wpmu.ajax_vars = {
ajax_url: wpmu_ajax.ajax_url,
};
$(document).ready(function () {
/* 1. DEBUG */
console.log($.wpmu.ajax_vars);
/* 2. DEBUG - OUTPUT */
-- ajax_vars:
-- ajax_url: "http://localwp.com:90/wpmu/SITE_1/wp-admin/admin-ajax.php"
/* ========= Main Code ======== */
$(document.body).on('click', '#my-wrapper .submit', function (e) {
e.preventDefault();
var server_data = {
action: 'wpmu_frontendpage',
};
$.ajax({
method: 'POST',
async: true,
url: $.wpmu.ajax_vars.ajax_url,
data: server_data,
}).done(function (response) {
alert('success');
}).fail(function (msg) {
console.log( msg );
});
return false;
});
});
})(jQuery);
答案 0 :(得分:0)
为了帮助其他人,我找到了解决方案,这是因为我进行了IF条件检查(如果不是管理员页面)并且必须全局触发{wp_ajax_}操作,我认为在前端需要时实例化AJAX类是很好的仅限用户页面。
-旧代码-错误
if( ! is_admin() ) {
/* Instantiate the AJAX class */
add_action( 'wp_ajax_wpmu_frontendpage', array( &$this, '_class_function' ) );
add_action( 'wp_ajax_nopriv_wpmu_frontendpage', array( &$this, '_class_function' ) );
}
-修复
/* Instantiate the AJAX class without NON-Admin pages condition */
add_action( 'wp_ajax_wpmu_frontendpage', array( &$this, '_class_function' ) );
add_action( 'wp_ajax_nopriv_wpmu_frontendpage', array( &$this, '_class_function' )