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 = showConrmation;
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 ...