Doing a form POST in Spry

I blogged about half a year ago on how to send data with Spry. One thing I had not done (until recently) was send a form POST with Spry. Keith, over on the Spry forums, posted a good example on how to do it. With his permission I’m reposting his example. (With a slight modification or two.)

The basic syntax to do a POST with Spry works like so:


Spry.Utils.loadURL('POST', url, true, resFunc, {postData: formData, headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"}});

The first argument simply specifies that we are using a POST instead of a GET operation. The second argument is the URL to load. The third argument specifies if the operation should be asynchronous or not. The next argument is the function to run when the HTTP operation is finished. The next set of arguments are options to pass along to the HTTP operation. The headers should be used as is, and formData in this example points to a string that contains your form information. Here is an example:


var fname = $("FName").value;
var lname = $("LName").value;
var cred = $("Credentials").value;

//Create a string of data
var formData = 'firstname='+fname+'&lastname='+lname+'&credentials='+cred;
formData = encodeURI(formData);

By the way – I plan on writing a simpler method to handle this.

This entry was posted in Uncategorized. Bookmark the permalink.