Front desk
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title> Untitled Page </title>
<style type= "Text/css" >
. show{Display:block;}
. hide{Display:none;}
</style>
<script type= "Text/javascript" src= "Jquery/jquery-1.2.6.js" ></script>
<script type= "Text/javascript" >
This method encapsulates the Ajax method for easy invocation.
function Myajax () {
$.ajax ({
Type: ' Get ',
URL: ' ajax.aspx ',
Data: ' Id=1name=tree ',
DataType: ' HTML ',
Beforesend:beforecall,
Success:callback
});
}
Pre-call method
function Beforecall () {
$ (' #wait '). AddClass ("Show"). Append (' pull in ... ');
Alert (');/whether the test calls the
}
callback function
function callback (data) {
$ (' #response '). append (data);
$ (' #wait '). CSS ("display", "none");
}
OnLoad () event
$ (function () {
$ (' #confirm '). Click (Myajax);
})
</script>
<body>
<div id= "Confirm" > Click </div>
<div id= "Response" > Receive background Data </div>
<div id= "Wait" class= "Hide" >hello</div>
</body>
Background
Copy Code code as follows:
protected void Page_Load (object sender, EventArgs e)
{
Response.Write ("Hello" +request["name"]);
Response.End ();
}
