AJAX button run function

Question

I want after click button run function, . All is in one class.

JQUERY

jQuery('#text2').click(function() {

    var data = {
        'action': 'myfunction',
        'whatever': $button.data('text2'), 
    };   

    // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
    jQuery.post(ajaxurl, data, function(response) {
        alert('Got this from the server: ' + response);
    });
});

PHP

      public function myfunction() {

       $write = intval( $_POST['whatever'] );

       $write++;

       echo $write;
       wp_die();

      } 

HTML

<button id="text2" value="1500"> test </button>

Answer 1

In order to make this work as you expect, you need to add the following lines in your constructor (depending on the requirements you have)

add_action( 'wp_ajax_myfunction', array($this, 'myfunction') );
add_action( 'wp_ajax_nopriv_myfunction', array($this, 'myfunction') );

Note that wp_ajax_nopriv_myfunction executes for users that are not logged in. The other executes for logged in users only.

You also need to just check that in your JS, ajaxurl returns your ajax URL.

If not, you'll need to expose that URL for usage in your JS. You can do that by following the codex here: https://codex.wordpress.org/Function_Reference/wp_localize_script

You will need to call wp_die(); at the end of your PHP function as well.