How to Get JSON Data from PHP Script using jQuery Ajax


post-get-json-data-from-php-script-jquery-ajax-mysql-codexworld

The jQuery ajax is very useful when you want to post or get data from PHP script without page refresh. Generally, you return the string to Ajax call for updating a part of the web page. But sometimes requires getting the object or array data from PHP file for showing values in the different area. Using $.ajax() method in jQuery you can get JSON data from a file and set in the HTML element.


Creating Bar Chart with jQuery and CSS


responsive-bar-chart-jquery-css-codexworld

A bar chart is a graph that represents group data with vertical or horizontal bars. The bar chart helps to make the web application more user-friendly. To demonstrate comparison data among categories in percentage, the bar chart is the best choice.You don't need to use any jQuery chart plugin for add a bar chart in the web page. You can easily create your own bar chart with pure CSS and jQuery.


Creating an Email Subscription Popup using jQuery


create-email-subscription-popup-jquery-codexworld

Email subscription popup is a great idea to increase the number of subscribers of your website. It notifies the visitor to subscribe newsletter with their email for getting useful resource into their inbox. Showing a subscription popup after a certain time is a smart trick for converting a visitor to a subscriber. Here we'll build a script that helps you to make a popup and integrate subscription box functionality easily on the web page.


File Type (extension) Validation with JavaScript


file-type-extension-validation-javascript-codexworld

Client side validation is more user-friendly than server side. It will be a good idea to validate file type before submitting to upload. File type validation ensures that the user has selected the correct types of file to upload. Using JavaScript, you can easily check the selected file extension with allowed file extensions. Using our file type validation script, you can restrict the user to upload only the allowed file types.


Export HTML Table Data to CSV using JavaScript


export-html-table-date-to-csv-file-using-javascript-codexworld

The export CSV feature is very useful on data list in a web application. It helps the user to download data list as a file format for offline use. Export data to CSV is very easy and most important to make your web application user-friendly. Using JavaScript, you can easily export data to CSV file without using any jQuery plugin. This tutorial will show you how to export HTML table data to CSV using JavaScript.


Ajax File Upload using jQuery and PHP


ajax-file-upload-using-jquery-php-codexworld

In this tutorial, we'll build a simple Ajax file upload script with jQuery and PHP. You will find many jQuery plugins for upload files or images without page refresh. But if you want to learn the Ajax file upload process and make your own Ajax file upload script, this tutorial will help you a lot. Here we'll show how you can upload file to the server without page refresh using jQuery, Ajax, and PHP.


Login with Facebook using JavaScript SDK


login-with-facebook-using-javascript-sdk-codexworld

Facebook Login provides an easy way to integrate login system to your website. Facebook Login allow users to log into your website with their Facebook account without registration on your website. Using JavaScript SDK, you can implement user login with Facebook account on a single page without page refresh. Also, the user profile data can be stored in the database using jQuery, Ajax, PHP, and MySQL.


Adding Zoom Effect on Image Hover with CSS and jQuery


image-hover-zoom-effect-with-css-jquery-codexworld

Enlarge image on hover creates a better user interface in any web application. You can easily add zoom effect to the image on mouseover with CSS and jQuery. If you don't want to use any plugin for the zoom effect, our simple image zoom effect script is a perfect choice for you. In this tutorial, we'll provide a simple way and short code snippets to adding image hover zoom effect using jQuery and CSS.


How to Perform Live Search and Filter on HTML Table using jQuery


perform-live-search-filter-on-html-table-using-jquery-codexworld

Real-time search or live search is a great feature for filtering records in an HTML table. Live search helps to provide a better user interface in your web project. If you want a lightweight solution for live search, our code snippets will best choice for you. Adding a live search feature to HTML table is very easy and you can implement without any jQuery plugin.