ajax is working

plugins/wp_model_plugin/js/menu/menu.js

@@ -6,13 +6,23 @@ sendButton.addEventListener('click', () => {
 	const myurl = php_data.ajax_url;
 	console.log(myurl);
 
+	const data = new FormData();
+	data.append('action', 'get_data',);
+	data.append('_ajax_nonce', php_data.nonce);
+	data.append('data', inputValue);
+
 	fetch(myurl, {
 		method: 'POST',
 		credentials: 'same-origin',
-		body: JSON.stringify({
+		body: data
-			action: 'get_data',
-			_ajax_nonce: php_data.nonce,
-			data: inputValue,
-		})
 	})
+	.then((response) => response.json())
+	.then((data) => {
+		console.log("data: ");
+		console.log(data);
+	})
+	.catch((error) => {
+		console.log("error: ");
+		console.log(error);
+	});
 });

plugins/wp_model_plugin/plugin_hooks.php

@@ -80,7 +80,6 @@ add_shortcode('wp_model_plugin', 'main_shortcode');
 /*
  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 menu plugin
-ajax : https://stackoverflow.com/questions/43557755/how-to-call-ajax-in-wordpress
 */
 function plugin_menu() {
 	add_menu_page(
@@ -93,10 +92,22 @@ function plugin_menu() {
 }
 add_action('admin_menu', 'plugin_menu');
 
+
+
+
+/*
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ajax
+- https://stackoverflow.com/questions/43557755/how-to-call-ajax-in-wordpress
+- in `add_action( 'wp_ajax_get_data', 'my_ajax_handler' );`
+  the 'wp_ajax_get_data' is a hooks formated as 'wp_ajax_{$action}'
+	the `$action` param is passed in the data object of the ajax call
+- to access the content of the data object properties of the ajax call :
+  use $_POST['property_name']
+*/
 function my_ajax_handler() {
-	console_log("in my_ajax_handler");
+	error_log("test");
-	console_log("data: ");
+	error_log($_POST['data']);
-	console_log($data);
 	wp_send_json_success( 'It works' );
 }
 add_action( 'wp_ajax_get_data', 'my_ajax_handler' );