Event ID from eventid_callback is: {$event_id}
"; include ('event-rsvp-list.php'); rsvp_event_list($event_id); // cancel buttons do not work from this display die(); }; // end of eventid_callback function ``` * Cancel Button creation in event-rsvp-list.php: * ``` ``` * Cancel Button processing in the JS file: * ``` $jq(".cancel_btn").click(function(){ // Determine which cancel button was clicked var btnid = event.srcElement.id; var strlng = btnid.length; var rowid = btnid.substring(11,strlng); // alert("Cancel Row_ID " + rowid); $jq.ajax({ url : ajax_rsvp.ajax_url, type : 'post', data : { action: 'rsvp_callback', registrant_type : 'cancel', delete_row : rowid }, success:function(data) { // This outputs the result of the ajax request console.log(data); // Return response to client side //$jq('#rsvp_response').html( data ); alert("Sorry you will be unable to attend"); location.reload(true); }, error: function(errorThrown){ console.log(errorThrown); } }); // End of AJAX function }); // End of Cancel Button function }); // End of Main Document Ready Function ``` * In the main plugin function that is executed via a shortcode, I temporarily have the following after creating an input form. I realize that at this point, two copies of the registrant list are created. One through the eventid_callback function that displays correctly, but the cancel buttons do not work, and a second from the main plugin function that displays and works correctly, but I have to hardcode the $event_id variable. * ``` $event_id = $_POST[event_id_name]; // not working $event_id = "C20181201"; /* eventually build from event category and start date */ echo "Event ID in MAIN following input table is: {$event_id}
"; include ('event-rsvp-list.php'); rsvp_event_list($event_id); // this works with hardcoded $event_id return ''; }; // end of rsvp_event_rsvp function ``` * If I could either pass the $event_id variable from the eventid_callback function to the main to replace the hardcoded variable, that should work, or figure out what I need to do to be able to make the JS file handle the Clicks on the cancel buttons added via the eventid_callback. * Thanks for any advice you may have. * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Multiple AJAX Callback functions](https://wordpress.org/support/topic/multiple-ajax-callback-functions/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 4 months ago](https://wordpress.org/support/topic/multiple-ajax-callback-functions/#post-10869152) * I think I found the problem. * I had included the new eventi_id callback inside another function of the plugin, when I moved it outside of that function into the main plugin code, it worked properly. * Thanks to all that helped me out. * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Multiple AJAX Callback functions](https://wordpress.org/support/topic/multiple-ajax-callback-functions/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 4 months ago](https://wordpress.org/support/topic/multiple-ajax-callback-functions/#post-10869133) * Josh, Thanks, I tried that sequence, but it made no change. * What do you mean by your item 1)? I have included a JS Alert box with the variable displayed immediately before the ajax call. Is there something else I could do? I am looking for more methods to debug the ajax process as I still have trouble with it as you can tell. * What I am confused about is that if I change the action line in the JS file from: * ``` data : { action: 'rsvp_callback', event_id_name : event_id }, ``` * To: * ``` data : { action: 'eventid_callback', event_id_name : event_id }, ``` * I get an error in the console log of: * ``` HTTP400: BAD REQUEST - The request could not be processed by the server due to invalid syntax. (XHR)POST - http://localhost:81/wordpress/wp-admin/admin-ajax.php ``` * When using the rsvp_callback function the AJAX call works fine although that function does things that I do not want to do all of the time. * The code for the eventid_callback function is pretty simple and I don’t see what I have wrong. * ``` add_action( 'wp_ajax_eventid_callback', 'eventid_callback' ); function eventid_callback() { $event_id = $_POST[event_id_name]; echo "Event ID from eventid_callback is: {$event_id}
"; die(); }; // end of eventid_callback function ``` * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Multiple AJAX Callback functions](https://wordpress.org/support/topic/multiple-ajax-callback-functions/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 5 months ago](https://wordpress.org/support/topic/multiple-ajax-callback-functions/#post-10867279) * Hi bcworkz, I should have caught the omission of the die() in the callback function. I added it and it made no difference. Does an AJAX call require a button or input function in order to work? All examples of an AJAX call seem to have a Submit button that fires it. In my case at this time, I added the call to extract information about the page immediately on page load IF the page has the proper ID and Class. * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Multiple AJAX Callback functions](https://wordpress.org/support/topic/multiple-ajax-callback-functions/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 5 months ago](https://wordpress.org/support/topic/multiple-ajax-callback-functions/#post-10864294) * Thanks Jacob, That makes sense and I understand the hook process better. * In my case, the calls should always be executed only when a user is logged in, so I don’t see a need for the nopriv hook. In fact, if this routine were to be executed by someone that was not logged in, it should return an error and exit. * I still don’t understand why I am getting the HTTP400 BAD REQUEST error. Can I use the same AJAX URL (ajax_rsvp.ajax_url), for two separate callback functions( eventid_callback, and rsvp_callback) or do I need to have unique urls for each AJAX exchange? * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [location.reload not working as expected](https://wordpress.org/support/topic/location-reload-not-working-as-expected/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 5 months ago](https://wordpress.org/support/topic/location-reload-not-working-as-expected/#post-10843021) * Thank You. That worked. * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Assistance Learning AJAX](https://wordpress.org/support/topic/assistance-learning-ajax/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 6 months ago](https://wordpress.org/support/topic/assistance-learning-ajax/#post-10715804) * Hi sjaure, I haven’t had much time to work on this as I have been traveling. I have changed the names of a lot of the functions and variables so that I have a better handle on what value is changing when I make a change. I have patterned the revised code after the simple example you suggested at [https://wptheming.com/2013/07/simple-ajax-example/](https://wptheming.com/2013/07/simple-ajax-example/). The previous syntax error is resolved, but I now have a new error that I can not resolve. * One error I had was that the callback function was buried inside the main php function. I have separated them to resolve. The my-ajax-test.php file now looks like: * ``` add_action( 'wp_enqueue_scripts', 'ajax_test_enqueue_scripts' ); function ajax_test_enqueue_scripts() { wp_enqueue_script( 'my-script-handler', plugins_url( '/my-ajax-test.js', __FILE__ ), array('jquery'), '1.0', true ); wp_localize_script( 'my-script-handler', 'ajax_test', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) )); } function my_ajax_test() { echo "Hello World!
"; /**************************** * Create Input Form ****************************/ ?> $_POST SET! "; echo "Submitted Fruit is {$fruit}
"; // Let's take the data that was sent and do something with it if ( $fruit == 'Banana' ) { $fruit = 'Orange'; } echo $fruit; } else { echo "$_POST NOT SET!
"; }; die(); }; add_shortcode('My-AJAX-Test', 'my_ajax_test'); ``` * The JS file is below. Note the comments at the various alert stages that work and the error shown in the Console at the AJAX call (‘fruit’ is not defined). I am not sure which fruit is being referred to, but hard coding it to fruit :‘ Banana’ makes that error go away, but obviously the data is no longer coming from the input field. When hardcoded as ‘Banana’, Console has no errors and data properly displays echo’s from my_ajax_callback (Array SET!
Submitted Fruit is Banana
Orange). * ``` var $jq = jQuery.noConflict(); $jq(document).ready(function(){ /* Send guest name to server via AJAX */ $jq("#ajax_submit").click(function(){ alert("Submit Button was clicked"); /* Send guest name to server via AJAX */ var fruit = document.getElementById("ajax_fruit").value; alert("Submitted Fruit is " + fruit); // alert is correct to this point }); $jq.ajax({ // error in console: SCRIPT5009: SCRIPT5009: 'fruit' is not defined url : ajax_test.ajax_url, type : 'post', data : { action: 'my_ajax_callback', fruit : fruit }, success:function(data) { // This outputs the result of the ajax request console.log(data); }, error: function(errorThrown){ console.log(errorThrown); } }); // End of AJAX function }); // End of Main Document Ready Function ``` * I’m not entirely sure how to grab the information from the callback function and use it in the my_ajax_test function yet, but would like to just deal with one error at a time. * Thank you so much for all of your help and your patience is dealing with a complete novice. * Forum: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/) In reply to: [Assistance Learning AJAX](https://wordpress.org/support/topic/assistance-learning-ajax/) * Thread Starter [gshell](https://wordpress.org/support/users/gshell/) * (@gshell) * [7 years, 6 months ago](https://wordpress.org/support/topic/assistance-learning-ajax/#post-10697761) * [@sjaure](https://wordpress.org/support/users/sjaure/) From the console I see the following immediately after loading the page with my input form: * ``` HTML1300: Navigation occurred. _test2 (1,1) JQMIGRATE: Migrate is installed, version 1.4.1 TEC Debug: Tribe Events JS init, Init Timer started from tribe-events.js. User agent reported as: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/17.17134 Live ajax returned its state as: "false ``` * I suspect the last line is an issue. Further down I have the following error message: * ``` HTTP400: BAD REQUEST - The request could not be processed by the server due to invalid syntax. (XHR)POST - http://localhost:81/wordpress/wp-admin/admin-ajax.php ``` * I can successfully display localhost:81/wordpress/wp-admin/admin-ajax.php in a browser page. It contains a single digit ‘0’. The php code exists in the htdocs/ wp-admin folder. The last line of which is: wp_die( ‘0’ ); Clearly where the 0 comes from. * I believe I have properly enqueued the script file with the following in the main plugin php file: * ``` add_action( 'wp_enqueue_scripts', 'ajax_test_enqueue_scripts' ); function ajax_test_enqueue_scripts() { wp_enqueue_script( 'my-script-handler', plugins_url( '/my-ajax-test.js', __FILE__ ), array('jquery'), '1.0', true ); wp_localize_script( 'my-script-handler', 'ajax_test', array( 'ajax_url' => admin_url( 'admin-ajax.php' ) )); } ``` * The ajax code in the JS file looks like this: * ``` $jq.ajax({ url : ajax_test.ajax_url, type : 'post', data : { 'action': 'my-ajax-test', 'ajax_guest_name' : g_name }, success:function(data) { // This outputs the result of the ajax request console.log(data); }, error: function(errorThrown){ console.log(errorThrown); } }); // End of AJAX function ``` * Any suggestions as to where I should go from here? Thanks Viewing 15 replies - 1 through 15 (of 34 total) 1 [2](https://wordpress.org/support/users/gshell/replies/page/2/?output_format=md) [3](https://wordpress.org/support/users/gshell/replies/page/3/?output_format=md) [→](https://wordpress.org/support/users/gshell/replies/page/2/?output_format=md)