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!" />
</form>

Then lets get some iFramer magic tied to the form:


$('#myform').iframer({
	onComplete: function(data){
		alert(data); //returned data
	}
});

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


<?php
	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!

Be Sociable, Share!

Related posts:

  1. Meet jQuery iFramer
  2. jQuery iFramer gets JSON Support
  3. Submitting Forms with No Action
  4. Handling PHP Form Arrays with jQuery
  5. jQuery Impromptu 0.4, a Few New Options