Skip to Main Content
Head Rush Ajax
book

Head Rush Ajax

by Brett McLaughlin
March 2006
Beginner to intermediate content levelBeginner to intermediate
448 pages
13h 33m
English
O'Reilly Media, Inc.
Content preview from Head Rush Ajax
280
Chapter 5
CallbackSend Order PHP ScriptHTML Form
First, we need to change Break Neck’s HTML so that it no longer submits
the form when a customer clicks “Order Pizza”. Let’s take a look at the
Break Neck order form, and make a few changes:
1. Update the Break Neck HTML
<body>
<div id=”main-page”>
<p><img src=”breakneck-logo_new.gif” alt=”Break Neck Pizza” /></p>
<form id=”order-form” method=”POST” action=”placeOrder.php”>
<p>Enter your phone number:
<input type=”text” size=”14”
name=”phone” id=”phone” onChange=”getCustomerInfo()” />
</p>
<p>Type your order in here: <br />
<textarea name=”order” rows=”6” cols=”50” id=”order”>
</textarea></p>
<p>Your order will be delivered to: <br />
<textarea name=”address” rows=”4” cols=”50” id=”address”>
</textarea></p>
<p><input type=”submit” value=”Order Pizza” /></p>
<p><input type=”button” value=”Order Pizza”
onClick=”submitOrder();” /></p>
</div>
<p class=”tagline”>** No more waiting! Now faster than ever! **</p>
</form>
</body>
This button
can change
from a “submit”
type to a
“button” type.
Instead of submitting the form, clicking
“Order Pizza” should run the JavaScript
function you’ll be writing next.
The <form> element no longers needs
the “action” or “method” attributes.
exchanging form submits for javascript
Here’s the old
version of the
submit button.
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Reinventing the Organization for GenAI and LLMs

Reinventing the Organization for GenAI and LLMs

Ethan Mollick
Head First Ajax

Head First Ajax

Rebecca M. Riordan

Publisher Resources

ISBN: 0596102259Errata PageSupplemental Content