AJAX Archives - Page 31 of 33

Dynamically show data in jQuery UI Tooltip using PHP

Last updated on December 23, 2023 by Yogesh Singh

In the constantly evolving world of web development, creating an immersive and engaging user experience is crucial. One way to achieve this is by utilizing tooltips – a powerful tool that provides additional context and information when users interact with specific elements on a website.

By combining jQuery UI Tooltip with PHP, you can create dynamic tooltips that seamlessly fetch and display data in real-time.

In this article, readers will embark on a journey to explore the fusion of these technologies, discovering how interactive tooltips can captivate and inform users while showcasing data in creative ways. So why wait? Let’s dive into the exciting world of dynamically showcasing data in jQuery UI using PHP!

Dynamically show data in jQuery UI Tooltip using PHP

How to Validate Image width and height Before upload using JavaScript

Last updated on October 6, 2021 by Yogesh Singh

While allowing users to upload files then there may be a case arrives where you have to restrict image width and height before upload.

This is very common in Job Application Forms where the user can only upload its profile photo of given dimensions other it’s not uploaded.

In this tutorial, I explain with an example how you can implement it. For uploading, I am using AJAX and PHP and done restrictions with JavaScript.

How to Validate Image width and height Before upload using JavaScript

How to Send JavaScript Array to the AJAX using jQuery and PHP

Last updated on December 21, 2023 by Yogesh Singh

The process of sending JavaScript arrays to the server-side using AJAX is a frequent requirement in web development. JavaScript arrays allow us to store and manage data in a structured format.

This can be used to pass the group of related values as data to the $.ajax for processing and get the response.

E.g. pass all checked checkboxes values, selected values from the list.

In this tutorial, you will learn how to send a JavaScript array to the server-side using AJAX, jQuery, and PHP with a live example.

How to Send JavaScript Array to the AJAX using jQuery and PHP

Return JSON response from AJAX using jQuery and PHP

Last updated on December 21, 2023 by Yogesh Singh

JSON or JavaScript Object Notation is a widely used transmitting format for passing data between a server and a web application. It is the most efficient way to return multiple values as a response from the PHP script to jQuery.

It is not possible to return an array directly from AJAX, and it must be converted into a valid format. You can either use the XML or JSON format.

In the tutorial demonstration, I will return an array of users from AJAX, while return converts the array into JSON format using the json_encode() function in the PHP.

Based on response show data in tabular format.

Return JSON response from AJAX using jQuery and PHP