Head Rush Ajax

you’re on your way 4

191

asynchronous applications

var status = getText(coffeemakerStatusDiv1);

if (status == “Idle”) {

replaceText(coffeemakerStatusDiv1,

“Brewing ” + name + “’s ” +

size + “ ” + beverage);

document.forms[0].reset();

var url = “coffeemaker.php?name=” + escape(name) +

“&size=” + escape(size) +

“&beverage=” + escape(beverage) +

“&coffeemaker=1”;

sendRequest(request1, url);

} else {

var coffeemakerStatusDiv2 =

document.getElementById(“coffeemaker2-status”);

status = getText(coffeemakerStatusDiv2);

if (status == “Idle”) {

replaceText(coffeemakerStatusDiv2,

“Brewing ” + name + “’s ” +

size + “ ” + beverage);

document.forms[0].reset();

var url = “coffeemaker.php?name=” + escape(name) +

“&size=” + escape(size) +

“&beverage=” + escape(beverage) +

“&coffeemaker=2”;

sendRequest(request2, url);

} else {

alert(“Sorry! Both coffee makers are busy. ” +

“Try again later.”);

}

Updating orderCoffee()

Since sendRequest() handles requesting that a coffee maker start brewing

an order, you only need to pass in the right request object with orderCoffee().

That means just making two small changes:

If we’re sending

an order to

the rst coffee

maker, we always

want to use the

request1 object.

We always use

request2 for

requests to the

second coffee maker.

coffee.js

Make both of these

changes to your ...