如何在函数内部触发 $.post？

Question

I want to fire Jquery to execute php code inside different file. However I cannot find a way to get the Jquery command to execute.

I am using wordpress.

My code inside functions.php

 add_action( 'wp_footer', 'mycustom_wp_footer' ); //adding funtion for each form buttom to fire when pressed function mycustom_wp_footer() { //function form each form button to fire when button pressed ?> <script type="text/javascript"> var wpcf7Elm = document.querySelectorAll( '.wpcf7' ); wpcf7Elm.forEach(function(formr){ formr.addEventListener( 'wpcf7submit', function( event ) { //if ('wpcf7-f101-p97-o1' == event.detail.unitTag) { //when button inside form with this unitTag is pressed do code bellow var gen3_name = "25"; //tis code is not working $(document).ready(function(){ //adding ajax, Jquery to send data to .php file for php function to execute $.post("gen3.php", name: gen3_name); }); //tis code is not working var idform = event.detail.unitTag; alert (idform); }, false ); }) </script>

My code inside gen3.php

 global $wpdb; if (isset($_POST['name'])) { $name = $_POST['name']; if ($name == "25") { $wpdb->update('Gen3', array('tvalue' => 1,), array('id' => 25), array('%d'), array('%d')); } }

Answer 1

Can you tell me what output do you get in your console? Any error or warning? I think your code will be placed before attaching the JQuery file. Put the priority of the hook to a high number which means low priority and it will be placed after attaching the jquery.

add_action( 'wp_footer', 'mycustom_wp_footer', 0, 999999 );

Also because of loading JQuery NoConflict or some other plugins, You might need to use JQuery.method() instead of $.method.