Bootstrap button spinner for a table row update
A Bootstrap table row update button with a spinner. The button has a spinner loader whilst an Ajax call completes to determine the status text and colour. CodePen link. …
Tag: Ajax
Ajax loading spinner example with Bootstrap
How to do a progress loading spinner whilst waiting for an Ajax call/request. This can prevent the awkward blank page whilst loading in elements from an HTTP GET request. CodePen…
Load an Ajax DataTable on button click
How to load and display a DataTable with Ajax data on a button click. The Ajax data is from a GET request and once the table is loaded the button…
Authenticating and protecting Ajax requests with PHP
Methods to authenticate and protect jQuery Ajax calls with PHP. This prevents external access and usage to your web app. Method 1: Tokens Method 1 is using tokens set via…
DataTables example with Ajax
How to use DataTables with Ajax calls to fetch and fill the table with data. There are multiple ways to source the data for your table, Ajax being one of…
Live toggle button status update with AJAX
How to make a live Bootstrap toggle button switch update by using Ajax and jQuery. The toggle button updates live to the database with no page reloading needed. I have…
HTML MySQL Table edit with no page reloading via Ajax
An example of updating or editing an HTML table from MySQL data without reloading or changing pages thanks to Jquery and Ajax. The Ajax requests are done API style to…
Infinite scrolling with AJax calls
A working example for an infinite scrolling page with a Jquery Ajax request. Upon reaching the bottom of the page the Ajax call function is used to retrieve random words…
Displaying data from MySQL without a page reload using Ajax
Displaying data from MySQL without reloading the page can be done with an on-click event which does an Ajax request that then fills elements with the returned data. This is…
Bootstrap toggle button status update with AJAX PHP and MySQL
How to make a Bootstrap toggle button with a status update by using PHP, Ajax and MySQL. The toggle button represents on/off which is 1 and 0 in the database….