A Nice, Clean jQuery iFramer Example

I noticed I never provided a clean and simple example for jQuery iFramer other than posting a snipplet of code. I've thrown that snipplet into an actual working document to show it in action. Take a peek. Keep in mind the real reason for this plugin is to upload files easily with an "ajax" feel, but without flash. I think it works pretty well considering the small amount of code that it actually uses.

Here is our form which we want to submit:

<form action="/some/url/post/" method="post" id="myform">
    <input type="text" name="somethin1" value="bla bla" />
    <input type="text" name="somethin2" value="Some More.." />
    <input type="submit" name="somethin1" value="Send It!" />

Then lets get some iFramer magic tied to the form:

    onComplete: function(data){
        alert(data); //returned data

The php file which it posts to is pretty darn simple:

    echo "field 1: ". $_REQUEST['somethin1'] ."\nfield 2: ". $_REQUEST['somethin2'];

This could optionally be your file upload code. I didn't show that functionality simply because I prefer not to have random users uploading things to my server :) Enjoy!