duanla8800 2019-01-28 15:23
浏览 148
已采纳

在WordPress多站点用户前端页面中POST“admin-ajax.php”400

I'm trying to use AJAX in the user frontend pages from a plugin in WordPress Multisite but the admin-ajax.php generates Bad Request 400 and always fails.

  1. Developing WordPress Plugin - AJAX in admin pages working good
  2. WordPress Multisite
  3. Test on Site_1

This is a part of my code and the output, I just shorten it, There's a class to instantiate the AJAX actions and another one after it to include the JS file using wp_enqueue_scripts action ..

Anyway the JS file included correctly and console.log function displaying all JS data object as you see in the code below, BUT it always fails and msg argument print Bad Request in statusText .. What I missed??

/* == 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);
  • 写回答

1条回答 默认 最新

  • dougai2427 2019-01-28 19:01
    关注

    To help others, I found the solution, That's because I made an IF condition check if not admin page and the {wp_ajax_} actions MUST triggered globally, I thought that it's good to instantiate the AJAX class when it needed in the frontend user pages only.

    -- Old Code -- WRONG

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

    -- Fix

    /* 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' )
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

    报告相同问题?

    悬赏问题

    • ¥15 组件库引入并使用在若依框架未展示
    • ¥149 关于#使用python 的Flash Echarts+ajax+mysql动态数据实现饼图#的问题,请各位专家解答!
    • ¥15 RichTextBox中追加文本时报错
    • ¥15 关于c语言的学习问题
    • ¥15 activity升级到flowable工作流act_ge_bytearray的草稿json数据复制到act_de_model 的model_editor_json的脚本
    • ¥15 cvi使用CreateThread创建线程时,出现存储空间不足无法处理此命令的错误
    • ¥15 求苹果推信imessage批量推信技术
    • ¥15 ubuntu 22.04 系统盘空间不足。隐藏的docker空间占用?(相关搜索:移动硬盘|管理系统)
    • ¥15 c++ word自动化,为什么可用接口是空的?
    • ¥15 Matlab计算100000*100000的矩阵运算问题: