Today I needed to see what javascript was triggered on a change event (when a checkbox was clicked), my go to for seeing what event is triggered is Chrome (Event Listener Breakpoints). update: Doh, realised you can do it just by clicking control->change , see screenshot. old way I did it I selected mouse click … Read more
This is the first of a bunch of posts I’m going to write on programming tips and best practices. This one is about Anonymous functions ( a sometimes useful technique if your going to use in one place and throw away ). And thats all well and good, however these make code more difficult to … Read more
Recently I was working on a Laravel application with some ajax, and I was getting a 419 error after firing an Ajax call to a Laravel controller. Laravel requires a token to be sent on some types of requests (POST being one of them), this is to prevent Cross site request forgery ( e.g. a … Read more
Recently I needed to develop a Shortcode that would display a form, this blog post details what I did. I used Ajax ( which seems the best way to add forms to shortcodes, but I’d welcome any input from other developers on your approach). So without further ado lets get on with adding a form to … Read more
updated 10th Jan 2018 Write a javascript function to trigger the ajax call
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | jQuery('#button_or_something').on("click", function() { jQuery.ajax({ url: ajax_object.ajax_url, data: { action: 'like_or_not', /* this is appended to add_action on server side */ id: '99' }, type: 'GET', success:function(response){ //alert('back from ajaxe '+response); /* if you want to update something based on the response text */ jQuery('#gb_div_to_update').html(response); } }); }); |
Put js above in my_js_file.js (see later in this post). Wrap in code below for nice loading: jQuery( document ).ready(function() { put above code here }); To see how to send a form via ajax see here. Write a … Read more