Head Rush Ajax

you’re on your way 4

147

asynchronous applications

The web page displays the status of the

each coffee maker. If a coffee maker is

busy brewing, then the status should say

what the coffee maker is brewing. If a

coffee maker isn’t doing anything, then the

status should read “Idle”.

The Javascript needs to be able to send requests to brew

coffee to the coffee maker script on the server and

handle the response from the server. It also needs to

update the status of the coffee makers, and let users

know when their coffee is ready.

The coffee maker script is really simple:

it just takes a request to brew coffee,

along with the size and type of coffee,

and name of the person who placed the

order. Once the coffee’s brewed, the

script sends back a response with the

name of the person whose order is ready.

The web page also gives you a few options for

ordering your perfect cup of coffee, and a

button to place your order.

coffeemaker.php

Our PHP-powered

coffee-making web server.

Connecting the parts of the coffee maker

You’ve seen the three basic parts of the coffee maker app. But let’s go a little further,

and see how these parts combine into a coffee-making wonder. Obviously, we’ve got

an HTML form, some JavaScript, and a coffee-making script on the server. So how

does all this t together?

JavaScript