От действия без обновления страницы

Question

Хорошо, у меня есть один веб-сайт Wordpress, и это один шорткод.Это в основном обновляет базу данных и обновляет текущую страницу.Но я хочу другую версию этого шорткода, которая не перезагружает страницу.

add_action("init","start_ob_start_cb");
function start_ob_start_cb()
{
     ob_start();
}

add_shortcode( 'mycred_take', 'mycred_pro_render_take_shortcode' );
function mycred_pro_render_take_shortcode( $atts, $label = 'Give Away' ) {

    extract( shortcode_atts( array(
        'user_id' => '',
        'confirm' => '',
        'amount'  => '',
        'unique'  => 0,
        'ref'     => 'mycred_take',
        'entry'   => '%plural% lose',
        'ctype'   => 'mycred_default'
    ), $atts ) );

    if ( ! is_user_logged_in() || ! function_exists( 'mycred' ) ) return '';

    if ( $user_id == '' )
        $user_id = get_current_user_id();

    // Load essentials
    $user_id = absint( $user_id );
    $mycred = mycred( $ctype );

    // User is excluded = has no balance
    if ( $mycred->exclude_user( $user_id ) ) return '';

    // Unique check
    if ( $unique == 1 && $mycred->has_entry( $ref, 0, $user_id, '', $ctype ) ) return '';

    $balance = $mycred->get_users_balance( $user_id, $ctype );

    $output = '';

    // If button was pushed
    if ( isset( $_POST['mycred-take-points-token'] ) && wp_verify_nonce( $_POST['mycred-take-points-token'], 'mycred-deduct-points' . $ref . $ctype ) ) {

        // Deduct
        $mycred->add_creds(
            $ref,
            $user_id,
            0 - $amount,
            $entry
        );

        // Update balance
        $balance = $balance - $amount;
wp_redirect(get_permalink()); die();
    }

    // Too low balance
    if ( $balance < $amount ) return '';

    return $output . '<form action=""  method="post" id="mycred-take-shortcode' . $ref . $ctype . '"><input type="hidden" name="mycred-take-points-token" value="' . wp_create_nonce( 'mycred-deduct-points' . $ref . $ctype ) . '" /><input type="submit"  class="button"  value="' . $label . '" /></form>';
}

Я хотел бы убедиться, что при нажатии на кнопку не должна перезагружаться страница, только если перезагрузить вручную.Я попробовал это просто POST, но никак не могу придумать решение.

Answer 1

Используйте подход AJAX, который сработает при нажатии кнопки отправки.Попробуйте узнать, как это сделать, и обратитесь к нам, если вам все еще нужна помощь.