{"id":2396,"date":"2020-11-12T02:34:12","date_gmt":"2020-11-12T02:34:12","guid":{"rendered":"https:\/\/tschaki.com\/?p=2396"},"modified":"2021-11-20T15:15:31","modified_gmt":"2021-11-20T15:15:31","slug":"wordpress-call-php-function-with-javascript","status":"publish","type":"post","link":"https:\/\/tschaki.com\/en\/wordpress-call-php-function-with-javascript\/","title":{"rendered":"WordPress: Call PHP function with Javascript"},"content":{"rendered":"

Connection between PHP and Javascript<\/h2>\n\n\n\n

To establish the connection between Javascript and PHP, basically three code blocks are needed. This is used to call PHP via Javascript<\/p>\n\n\n\n

The first part defines that we include a new Javascript file and localize it immediately. This javascript file can later contain the jQuery script. Primarily, this allows to translate Javascript content correctly with PHP and at the same time functions can be queried via AJAX.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Paste this function into the main file<\/strong> of your active theme<\/strong> or plugin<\/strong>.<\/p>\n\n\n\n

function hook_tschaki_ajax( ){\n    wp_enqueue_script( 'script-checker', plugin_dir_url( __FILE__ ) . 'js\/script-checker.js' );\n    wp_localize_script( 'script-checker', 'account_script_checker', array(\n            'ajaxurl' => admin_url( 'admin-ajax.php' ),\n            'fail_message' => __('Connection to server failed. Check the mail credentials.', 'script-checker'),\n            'success_message' => __('Connection successful. ', 'script-checker')\n        )\n    );\n}\nadd_action( 'enqueue_scripts', 'hook_tschaki_ajax' );\nadd_action( 'admin_enqueue_scripts', 'hook_tschaki_ajax' );<\/pre><\/div>\n\n\n\n
Code Definition<\/h3>\n\n\n\n
Row<\/td>Description<\/td><\/tr>
1. <\/td>Function ‘hook_tschaki_ajax()’ is created.<\/td><\/tr>
2.<\/td>script-checker.js<\/code> is mounted as (empty) file.<\/td><\/tr>
3. <\/td>AJAX URL is declared with function for JS (account_script_checker<\/code>). Handle “script-checker<\/code>” must be present on line 2 and 3.<\/td><\/tr>
4.<\/td>Contains the standard AJAX URL of WordPress admin-ajax.php<\/code>.<\/td><\/tr>
5.\/6.<\/td>Translatable strings or values for Javascript execution.<\/td><\/tr>
10.<\/td>Mount the function into the WordPress frontend as Javascript. (Using Ajax in the frontend)<\/td><\/tr>
11.<\/td>Mount the function into the WordPress backend as Javascript. (Using Ajax in the backend)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
PHP function to be executed<\/h2>\n\n\n\n
Right below the new code, the function to be called by Javascript can now be declared in PHP. Two actions are connected to the function:<\/p>\n\n\n\n