Front Desk Copy code The code is as follows: Untitled page <br> .show{ display:block;} <br>.hide{ display:none;} <br> <br>//This method encapsulates the ajax method for easy calling. <br>function myajax(){ <br>$.ajax({ <br>type:'get', <br>url:'ajax.aspx', <br>data:'id=1name=tree', <br>dataType:'html', <br>beforeSend:beforecall, <br>success:callback <br>}); <br>} <br>//Pre-call method <br>function beforecall(){ <br> $('#wait').addClass("show").append('Calling out...'); <br>//alert('');//Test whether to call <br>} <br> //Callback function <br>function callback(data){ <br>$('#response').append(data); <br>$('#wait').css("display","none") ; <br>} <br>//onload() event <br>$(function(){ <br>$('#confirm').click(myajax); <br>}) <br></ script> <br></head> <br><body> <br><div id="confirm">Click</div> <br><div id="response">Receive Background data</div> <br><div id="wait" class="hide">hello</div> <br></body> <br></html> <br> </div> <br>Backend<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="30805" class="copybut" id="copybut30805" onclick="doCopy('code30805')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code30805"> <br>protected void Page_Load(object sender , EventArgs e) <br>{ <br>Response.Write("hello" Request["name"]); <br>Response.End(); <br>}<br> </div>