Ajax jQuery Tutorial PHP, Simple Yet Powerful

8

Ajax jQuery Tutorial PHP. Ajax is a programming technique that makes it possible to do data change with the server in the background, so the web page doesn’t need to refresh in order to change the page partially.
Here we go our hero again, jQuery!. By using jQuery, ajax development process is a lot easier.
In this tutorial we will learn how to implement Ajax using jQuery in our web pages. We will create a project to better understanding the topic.

Live Demo


The Project
In this Ajax jQuery Tutorial PHP project we will create simple form submitting. Whenever users type their name in the form an then submit it by clicking the submit button. Their name will be shown below the input form without page refresh process :D. By Using this technique our web application is feels like desktop application.

ajaxfirst.php

and following code is responsible in giving the output that needs to be shown. This code will echo “Thank you USER for Register in our site” where USER depends on user’s input.

getname.php

Here is the result of our Ajax jQuery Tutorial PHP sample application

Ajax jQuery Tutorial php

Live Demo

Simple enough to code and to understand i think. Wait are you waiting for? let’s try to write the code not just read it :p

Okay, so far we have learn the basic of Ajax using jQuery. In next cool tutorial we will learn how to use this technique to be implemented in database application

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

One thought on “Ajax jQuery Tutorial PHP, Simple Yet Powerful

Leave a Reply

Your email address will not be published. Required fields are marked *