From action without page refresh - php

Question

Okay, i have one Wordpress website, and this is one shortcode. This basically updates the database and refresh the current page. But I want another version this shortcode, which does not reload the page.
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>';
}
I'd like to make sure that when click on the button, should not reload the page, only if manually reload. I tried it simple POST, but no way i can come up with a solution.

Answer 1

Use AJAX approach that will trigger when the submit button is clicked. Try to google on how to do this and comeback to us if you still need an assistance.