Copy Code code as follows:
<title>jquery ajax-ajaxevent</title>
<script src= ". /jquery-1.4.3.js "type=" Text/javascript "></script>
<script type= "Text/javascript" >
$ (document). Ready (function ()
{
$ ("#btnAjax"). Bind ("click", Function (event)
{
$.get ("default.aspx", {"Resulttype": "dddd"},function (data) {$ ("#divResult"). html (Date;});
})
Execute function when AJAX request completes
$ ("#divResult"). Ajaxcomplete (function (evt, request, Settings) {$ (this). Append (' <div>ajax execution completed </div> <br/> '); })
Execute function when an AJAX request has an error
$ ("#divResult"). Ajaxerror (function (evt, request, Settings) {$ (this). Append (' <div>ajax execution error </div>< br/> '); })
AJAX request execution function before sending
$ ("#divResult"). Ajaxsend (function (evt, request, Settings) {$ (this). Append (' <div>ajax execute before sending </div><br /> '); })
Execute function at start of AJAX request
$ ("#divResult"). Ajaxstart (function () {$ (this). Append (' <div>ajax starts executing </div><br/> ');})
Execute function at end of AJAX request
$ ("#divResult"). Ajaxstop (function () {$ (this). Append (' <div>ajax execution end </div><br/> ');})
Execute function when AJAX request succeeds
$ ("#divResult"). Ajaxsuccess (function (evt, request, Settings) {$ (this). Append (' <div>ajax execution success </div>< br/> '); })
});
</script>
<body>
<BR/><button id= "Btnajax" > Send Ajax request </button><br/>
<div id= "Divresult" ></div>
</body>