Head Rush Ajax

you’re on your way 4

299

It looks like POST is just what we need to make sure those big orders get to

Break Neck’s placeOrder.php script intact. Let’s update the JavaScript in

placeOrder() to use a POST request instead of a GET request:

Send more data with a POST request

function submitOrder() {

var phone = document.getElementById(“phone”).value;

var address = document.getElementById(“address”).value;

var order = document.getElementById(“order”).value;

var url = “placeOrder.php?phone=” + escape(phone) +

“&address=” + escape(address) +

“&order=” + escape(order);

url = url + “&dummy=” + new Date().getTime();

request.open(“POST”, url, true);

request.onreadystatechange = showConrmation;

request.send(“phone=” + escape(phone) +

“&address=” + escape(address) +

“&order=” + escape(order));

}

Start out by removing

all the form data from

the request URL.

Tell the open()

method that

you want to use

POST instead

of GET.

Use send()

to send the

pizza order

to the Break

Neck server.

Use name/value pairs in send(),

just like you did at the end

of the request URL in the

GET version of this code.

submitOrder() is in pizza.js.

Since we’re using

POST, we don’t

need this dummy

parameter anymore.

Go ahead and open up your copy of pizza.js, and nd the submitOrder()

function. Change the function’s code so that it sends the customer’s order to

placeOrder.php using a POST request instead ...