Easy Ajax Image Upload and view with JQuery, PHP

Today, we will look on how to upload an image with specific extensions into a server using AJAX and PHP. In this project, we will be using AJAX to show the user the uploaded image without refreshing the page. Also, we will be using extension validation using PHP in run time while uploading in order to prevent unknown file formats.

Overview

In order to build an image uploader, we will need to create the below-specified file with the specified code saved in it. Group all the files in the same folder.

  • Index.php
  • Ajaxhandling.php
  • Script.js
  • Jquery min library

(more…)

PHP Ajax Live Comment System

Looking to add a comment facility to your blog? If your answer is yes, You are at the right page.
In this tutorial, we will learn how to create a Comment system which will be loaded without page refresh. We will be using AJAX and PHP with MySQL to perform the task.

Overview

Moving ahead in the tutorial you will need to create edit and save the following files in the same directory. The functions of each of the page and their codes will be discussed subsequently.

  • dbConfig.php
  • index.php
  • post_comment.php
  • Style.css

(more…)

Create an Auto-Suggest Drop Down Field using Ajax and PHP

In this tutorial, we will create an auto-complete drop down list.

The text box will take users input and suggest sentences with the available characters.

For this, we will be using PHP codes, AJAX as well as JS libraries like JQueryUI and Jquery as well.

Overview

To continue with the tutorial, we will need to create and save the following files all in the same directory.

  • Index.php
  • Autocomplete.php
  • Autocomplete.js
  • Autocomplete.css

(more…)

Know Your Age through AJAX and PHP [Free Source code]

In this tutorial, I will guide you how to develop a small web application that shows users age when he enters his year of birth. The calculation happens in real time without page refresh using Ajax.
The application takes Date of Birth as an input, processes it and displays the age to the user.

Overview

Further, You will need to save the following file and keep them in the same folder.

  • Getage.php
  • Index.html
  • Getage.php

(more…)

Submit PHP Form without Page Refresh Using JQuery, Ajax

In this tutorial, we will look into how to submit a PHP Form without Page Refresh Using JQuery, Ajax. For that, let us create a small form, that asks for First name and Last name and then displays the information in a formatted way in the page itself without refreshing the page.

Overview

We will be creating 2 PHP files and using a jQuery file for the tutorial. They are;

  • Index.php
  • Submit.php
  • jquery-1.11.3-jquery.min.js

(more…)