Basic Utilities | PHP Ajax Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

PHP Ajax Cookbook

By : Milan Sedliak

4 (5)

PHP Ajax Cookbook

4 (5)

By: Milan Sedliak

Overview of this book

This book contains a collection of recipes with step-by-step directions to build SEO-friendly websites using standard Ajax tools. Each recipe contains behind-the-scene explanations to PHP Ajax questions. This book is an ideal resource for people who like to add Ajax features to websites and who prefer standards and best practices for building SEO-friendly websites. As the book covers advanced topics, readers need to be aware of basic PHP, JavaScript and XML features.

PHP Ajax Cookbook

PHP Ajax Cookbook

Credits

Credits

About the Authors

About the Authors

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Preface

Free Chapter

AJAX Libraries

AJAX Libraries

Designing simple navigation using jQuery

Creating tab navigation

Designing components using Ext JS

Event handling in MochiKit

Building a tab navigation using Dojo

Building a chart application using YUI library

Loading dynamic content using jQuery slider

Creating an AJAX shopping cart using MooTools

Building an AJAX login form using prototype.js

Basic Utilities

Basic Utilities

Validating a form using Ajax

Creating an autosuggest control

Making Form Wizards

Uploading a file using Ajax

Uploading multiple files using Ajax

Creating a five-star rating system

Building a PHP Ajax contact form with validation

Displaying a table in Ajax

Building Pagination using PHP and Ajax

Useful Tools Using jQuery

Useful Tools Using jQuery

Making tool tips using Ajax

Creating Autocomplete from a database

Building a tab navigation using jQuery

Rotating content

Creating an image slider

Creating pageless pagination

Loading images using Lightbox

Growing textarea using the jGrow plugin

HTML replacement of the select dropdown

Improving date selection with Datepicker

Drag-and-drop functionality

Ajax shopping cart

Sorting and filtering data

Adding visual effects and animations

Advanced Utilities

Advanced Utilities

Building an Ajax chat system using the Comet technique

Charting with JavaScript

Decoding CAPTCHA through canvas

Displaying data in a grid

Debugging and Troubleshooting

Debugging and Troubleshooting

Debugging with Firebug and FirePHP

Debugging with the IE developer toolbar

Avoiding the framework $ conflict

Using the anonymous function of JavaScript

Fixing memory leaks in JavaScript

Fixing memory leaks

Sequencing Ajax Requests

Cross Browser and Ajax

Beautifying JavaScript

Optimization

Optimization

Caching of objects

Getting optimization tips with YSlow

Speeding up JavaScript delivery through automatic compression and browser caching

Triggering JavaScript early/on DOM load

Lazy-loading of images

Optimizing Ajax applications automagically through Apache modules/Google mod_pagespeed

Implementing Best Practices to Build Ajax Websites

Implementing Best Practices to Build Ajax Websites

Avoiding HTML markup-specific coding

Building secure Ajax websites

Building SEO-friendly Ajax websites

Preserving browser history or un-breaking the browser's back button

Implementing comet PHP and Ajax

Ajax Mashups

Ajax Mashups

Web services

XML-RPC

Creating and consuming web services using PHP

Using Flickr API with Ajax

Using Twitter API with Ajax

Translating text using Google Ajax API

Using Google Maps

Searching a location within a Google Map

Searching within XX km. radius of Google Maps with markers and Info window

Finding a city/country using IP address

Converting currencies using Ajax and PHP

iPhone and Ajax

iPhone and Ajax

Building a touch version of a website (with jQTouch)

Leveraging HTML5 features in iPhone Ajax

Building native apps with PhoneGap

Speeding up a PhoneGap project

Building a currency conversion hybrid app

Index

Index

Validating a form using Ajax

The main idea of Ajax is to get data from the server in real time without reloading the whole page. In this task we will build a simple form with validation using Ajax.

Getting ready

As a JavaScript library is used in this task, we will choose jQuery. We will download (if we haven't done it already) and include it in our page. We need to prepare some dummy PHP code to retrieve the validation results. In this example, let's name it inputValidation.php. We are just checking for the existence of a param variable. If this variable is introduced in the GET request, we confirm the validation and send an OK status back to the page:

<?php
$result = array();
if(isset($_GET["param"])){
  $result["status"] = "OK";
  $result["message"] = "Input is valid!";
} else {
  $result["status"] = "ERROR";
  $result["message"] = "Input IS NOT valid!";
}

echo json_encode($result);
?>

How to do it...

Let's start with basic HTML structure. We will define a form with three input boxes...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PHP Ajax Cookbook

Search

Your notes and bookmarks