Jump to content
php.lv forumi

newguy in ajax


Recommended Posts

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 by anonīms
Link to post
Share on other sites

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.

Link to post
Share on other sites
<form name="forma" method="POST" onSubmit="document.forma.poga.value='Uzgaidiet...'" >
<input type="submit" name="poga" value="Submitot" />
</form>

Link to post
Share on other sites

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;
});

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...