jQuery.post 返回 0

Question

我目前正在开发一个作为插件创建的 WordPress 登录弹出窗口。特别是我对 jQuery 和 AJAX 比较陌生。我有一个返回值始终为 0 的小问题，尽管我认为这实际上是成功消息并且它没有返回任何内容。

任何帮助将不胜感激。

1. Ajaxurl 定义

wp_localize_script(
    'mytheme', 'Params', apply_filters( 'js_params', array(
        'siteUrl' => esc_url( site_url( '/' ) ),
        'homeUrl' => esc_url( home_url( '/' ) ),
        'ajaxUrl' => esc_url( admin_url( 'admin-ajax.php' ) ),
        ),
    ) )
);

2。功能登录表单

function login_form( $atts = array() ) {

    $output = '';

    wp_enqueue_script( 'jquery-ui-tabs', true );
    wp_enqueue_script( 'loginform' );

    $class .= " login-form login-form-container";

    $output .= '<div class="' . $class . '"';

    $output .= '>';
    
    $output .= '<div class="login-form-inner">';

    /* Title */
    $output .= '<div class="login-form-title-container">';
    $output .= '<h3 class="login-form-title">';
    $output .= esc_html__( 'Login' );
    $output .= '</h3>';
    $output .= '</div>';

    ob_start();

    ?>
    <form class="login-form" action="<?php echo esc_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ); ?>" method="post">
            <?php do_action( 'woocommerce_login_form_start' ); ?>

            <p class="login-usernam">
                <label for="username"><?php esc_html_e( 'Username or email address'); ?>&nbsp;<span class="required">*</span></label>
                <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="<?php echo ( ! empty( $_POST['username'] ) ) ? esc_attr( wp_unslash( $_POST['username'] ) ) : ''; ?>" /><?php // @codingStandardsIgnoreLine ?>
            </p>
            <p class="login-password">
                <label for="password"><?php esc_html_e( 'Password', ); ?>&nbsp;<span class="required">*</span></label>
                <input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" />
            </p>

            <?php do_action( 'woocommerce_login_form' ); ?>

            <p class="login-submit">
                <?php wp_nonce_field( 'woocommerce-login', 'woocommerce-login-nonce' ); ?>
                <input id="wp-submit" type="submit" class="<?php echo apply_filters( 'wvc_login_form_submit_button_class', 'button button-primary' ); ?>" name="login" value="<?php esc_attr_e( 'Log in'); ?>">
            </p>

            <?php do_action( 'woocommerce_login_form_end' ); ?>
        </form>
    <?php

    $output .= ob_get_clean();

    $output .= '</div><!--.login-form-inner-->';

    $output .= '</div><!--.login-form-->';

    return $output;
}

3.函数回调

function get_login_form() {

    if ( function_exists( 'login_form' ) ) {
        echo login_form();
    }
    exit;
}

add_action( 'wp_ajax_get_login_form', 'get_login_form' );
add_action( 'wp_ajax_nopriv_get_login_form', 'get_login_form' );

4. jQuery

        loginPopup : function() {

            var $body = $( 'body' );

            $( document ).on( 'click', '.account-item-icon-user-not-logged-in, .close-loginform-button', function( event ) {
                event.preventDefault();

                if ( $body.hasClass( 'loginform-popup-toggle' ) ) {

                    $body.removeClass( 'loginform-popup-toggle' );

                } else {
                    
                    $body.removeClass( 'overlay-menu-toggle' );

                    if ( $( '.wvc-login-form' ).length ) {

                        $body.addClass( 'loginform-popup-toggle' );

                    } else {
                        /* AJAX call */
                        $.post( Params.ajaxUrl, { action : 'get_login_form' }, function( response ) {
                            
                            console.log( response );

                            if ( response ) {

                                $( '#loginform-overlay-content' ).append( response );

                                $body.addClass( 'loginform-popup-toggle' );
                            }
                        } );
                    }
                }
            } );

Answer 1

函数 get_login_form() 返回“exit;”。那应该是 wp_die()，这就是为什么你得到一个返回值 0。

任何用 ajax 调用的 php 函数都必须回显结果并以 wp_die() 结束。