newguy in ajax

[anonīms]

Beidzot esmu saņēmies un esmu pieķēries pie ajax.

Sen jau kā radušies pirmie jautājumi.

Kā varētu izveidot, kad kaut ko submito, tad submit pogā value nomainās uz Uzgaidiet...

 

javascipt failā šķiet, ka iet kaut kas tāds

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==0)
{
$("#vajag_uzgaidit").hide();
$("#nevajag_uzgaidit").show();
}
else if(xmlHttp.readyState==3)
 {
$("#vajag_uzgaidit").show();
$("#nevajag_uzgaidit").hide();
 }
}
else if(xmlHttp.readyState==3)
{
// Notiek darība
}

 

Kā to varētu apvienot ar html?

 

<form method="POST">
<input type="submit" value="Darīt kaut ko (Kad spiež un notiek process, lai būtu uzgaidiet...)" onclick="function();" />
</form>

Edited April 28, 2009 by anonīms

[marcis]

Ja jau tu lieto jQuery, tad kāpēc nelietot tajā iebūvētās ajax funkcijas?

 

Pats atbildēji uz savu jautājumu par value maiņu.

 

$("form").bind("submit",function(){
 var str = '';
 var action = $(this).attr("action");
 var form = $(this);
 var submit = form.find("input[type='submit']");
 var subval = submit.val();
 submit.val("Uzgaidi...");
 form.find(":input").each(function(){
str+= $(this).attr("name")+"="+$(this).val();
 });
 $.ajax({
type: "POST",
url: action,
data: str,
success: function(){
  submit.val(subval);
}
 });
 return false;
});

Nekas no šī nav testēts, bet kā piemēram vajadzētu būt saprotamam.

[Pentiums]

<form name="forma" method="POST" onSubmit="document.forma.poga.value='Uzgaidiet...'" >
<input type="submit" name="poga" value="Submitot" />
</form>

[codez]

mārci, kāpēc neizmanto iebūvēto jquery funkciju serialize?

 

$("form").bind("submit",function(){
 var b = $(this).find("input[type='submit']");
 b.attr({old:b.val()});
 b.val("Uzgaidi...");  
 $.post($(this).attr("action"),$(this).serialize(),function(d){b.val(b.attr('old'));},'html');
 return false;
});

[marcis]

Neizmantoju tāpēc, ka nebiju pacenties uzzināt par tāda eksistenci :)