Home Tutorials Fonts Lists Freelance Web Designers List Feed RSSContact Me

Wednesday, February 27, 2008

Five basic Ajax tutorials

Save to delicious 0 hits

Are you a PHP developer and an Ajax newbie?

This post is a collection of five basic and most required Ajax tutorials with PHP. It inlcudes login, insert record into a database table, search engine, autosuggest and Edit in Place.


Login using AJAX and PHP
This tutorial explains how to implement a simple user login with Ajax and PHP.

Using prototype.js to add record into database with ajax
How to use prototype.js framework to enable a simple ajax request which add a new record (an user name) into a database table using PHP like server side language.

A simple search engine in Ajax and PHP
How to realize a simple search engine with Ajax and PHP that search an user name inside a db table "USER" and return results while you type into the input field.

Search with autosuggest feature
This tutorial explains how to implement a simple PHP ajax search with autosuggest feature using some lines of code.

Edit in place with Scriptaculous and PHP
How to implement a simple Edit in Place effect (Flickr-like) using Scriptaculous and PHP.
Related content
Table of content

Sponsored Links
Share this post
Share on Facebook
Share on Twitter
Share on StumbleUpon
Share on Delicious
Share on Reddit
Share on Digg
Share on DesignFloat
Share on Technorati
Feeds RSS Subscribe to Feeds RSS
Old Comments
Luca said...

Ottimo post, molto interessante soprattutto il login ajax/php

Angelfire said...

Hi Antonio, your blog looks like so nice, minimalistic design.

I only have a suggest, we need demos, your visitors need demos, your tutorials are great, but without demos... :S

Matrich said...

Antonio, thanks so much for all your great articles. I really enjoy them.

However, I would like to get your advise. If I wanted to get a small piece of code lets say like having an auto suggest feature, would you advise to use the frameworks available or hard code the Ajax framework file.

I would like to have small features of Ajax like when someone search, it automatically displays the results however I think that including a whole framework like prototype would be so heavy for no good cause.

Anonymous said...

when the record is deleted, how would you display the table again without refreshing the page to show the new data?

Antonio said...

@Anonymous: you have only add a query to get all records:

Step 1: delete your record:
$delete_sql = "DELETE from TABLE WHERE..."
$delete = mysql_query($delete_sql);

... and add below this code a select quer:

$get_records_sql = "SELECT * from TABLE...."
$delete = mysql_query($get_records_sql);

... and display your records:

<ul>
<?php while ($row = mysql_fetch_array($get_records{?>
<li><img src=" echo $row.['URL_image'] ?>"></li>
<?php } ?>

Naseer Ahmad Mughal said...

Hi, nice tutorials.

best wishes
naseer ahmad

About Me

I am Antonio Lupetti, Engineer, Pro Blogger, Mac user, Web addicted. Rome, IT.
Feeds RSS Contact Me

SubscribeFeeds RSS

Contact Me Enter your email address:

SubscribeLatest posts

SubscribeHot Links

Subscribe Design News

Apple Reviews and News
CSSRockstars - You Design, We Code. Your PSD to HTML/CSS for just $149