AJAX Archives - Page 12 of 33

How to Send AJAX request with CSRF token in CodeIgniter 3

Last updated on November 21, 2022 by Yogesh Singh

Cross-Site Request Forgery (CSRF) is a way to trick the server that a request sent to it is legitimate while it actually is an unauthorized attempt.

In CodeIgniter, CSRF protection is not enabled by default.

If it is been enabled then CodeIgniter generates a hash for each active user and this is used to verify the request.

Require to send the hash with the AJAX request otherwise, it gives an error – “The action you have requested is not allowed.”.

In this tutorial, I show how you can enable CSRF protection and regenerate hash for the next AJAX request and pass hash in AJAX request in the CodeIgniter project.

How to Send AJAX request with CSRF token in CodeIgniter 3

How to add Download Link in Dropzone – PHP

Last updated on November 15, 2022 by Yogesh Singh

Dropzone is easy to set up on the page and upload files using Drag & Drop or file browse.

File preview display after file upload.

It allows you to add or remove file link using addRemoveLinks option but there is no option for adding a Download link.

In this tutorial, I show how you can add a download link with file thumbnail in the Dropzone container with jQuery and PHP.

How to add Download Link in Dropzone – PHP

Check Username Availability with AJAX PHP and PDO

Last updated on February 13, 2022 by Yogesh Singh

On the website, there must be a unique identifier for each user. It can be the username, email-id or any string using which user can log in to the website and access it.

Before adding the user using the registration form it must be check if the username is available or not.

This can either done after submitting the form or using jQuery AJAX to display availability status before submitting the form.

In this tutorial, I show how you can check username already exists or not in the MySQL database table using jQuery AJAX PHP and PDO.

Check username availability with AJAX PHP and PDO

Dynamically Show Hide columns in DataTable AJAX pagination

Last updated on May 8, 2022 by Yogesh Singh

Sometimes require to show and hide HTML table columns dynamically.

You can easily hide a column using CSS nth-child selector. But with dataTables it not works properly.

DataTables already provided a method for this.

In this tutorial, I show how you can dynamically show and hide multiple columns in DataTables.

Dynamically Show Hide columns in DataTable AJAX pagination