Head Rush Ajax

you’re on your way 4

283

post requests

It’s time to make Break Neck an even better place for ordering pizza. Look

in the chapter05/breakneck/ folder in the book’s examples, and you’ll

nd the latest version of the Break Neck app, complete with HTML, CSS,

and PHP. You’ll need to open up pizza.html, and change the form to run

submitOrder() when “Order Pizza” is clicked, instead of submitting directly

to the placeOrder.php script on the Break Neck server.

As long as you’re making improvements to Break Neck, go ahead and move

all of the JavaScript out of pizza.html. You can use ajax.js, which

you wrote in Chapter 3, for creating the request object. Then, create a

new JavaScript le called pizza.js. Move your Break Neck functions—

getCustomerInfo(), updatePage(), and submitOrder()—into

this le. Don’t forget to add <script> elements that link to these les in your

HTML!

Once you’ve done all of this, ip to the back of this chapter, and check page

314 to make sure your les look the same as ours do. Once you’ve got that done,

CallbackSend OrderHTML Form

You’re moving along pretty quickly now! Let’s get our old pal Frank to update

his PHP script. It doesn’t need to send us back a bunch of HTML anymore.

3. Update placeOrder.php

PHP Script

Team Chat: Talking to the Server

Team Chat: Talking to the Server

Hey again, Frank, I’ve got another PHP request.

Team Chat: Changing Break Neck’s PHP script