May 29th, 2009

Jquery+Ajax+Update Progress

Javascript tarafı:

 

<script
type=”text/javascript”>

 

$().ajaxSend(function(r,s){

$(“#ajaxLoad”).show();

});

 

$().ajaxStop(function(r,s){

$(“#ajaxLoad”).hide();

});

 

function AjaxKullan()

{

 


var ad=document.getElementById(“txtIsim”).value;


var tel=document.getElementById(“txtTel”).value;

 

$.ajax({

type: “POST”,

url: “IsimKaydet.aspx”,

data: “Ad=”+ad+“&Tel=”+tel,

success: function(msg){

alert(“İsteğiniz Başarıyla Kaydedilmiştir.”);

}

});

}

</script>

 

Html tarafı:

<div
align=”center”
id=”ajaxLoad”
style=”display:none;
>


<img
src=”img/ajax-loader.gif”
/>

</div>

 

<A
HREF=”#”><IMG
SRC=”img/gonder.gif”
WIDTH=”87″
HEIGHT=”39″
BORDER=”0″
onclick=”AjaxKullan()”></A>

(RSS 2.0, Trackback)

Reply

You must be logged in to post a comment.