Submit a form using ajax?

[TheEddy]

I want to submit a form using ajax so that the page doesn't have to reload.  How do I do this?

[radar]

since you are using prototype i would do an onclick on the submit button...

 

and then write your function in JS like this

 

function submitit(formID)
{	
var url = "formsubmit.php";
var pars= Form.serialize(formID);

$('TransMsgDisplay').innerHTML='<img src="../templates/admin/img/indicator.gif" align="center">';
var myAjax = new Ajax.Request(
url,
{
	method: 'post',
	parameters: pars,
	onComplete: processGetLogin
});
}

function processGetLogin(originalRequest)
{
var responseTextTrim=trim(originalRequest.responseText);   

if(responseTextTrim == 1)
{
	window.location.href="index.php";
}
else
{
	$('TransMsgDisplay').innerHTML=responseTextTrim;		
}
							   
}