<%@ Page language= "C #" autoeventwireup= "true" codefile= "SumNumber.aspx.cs" inherits= "Sumnumber"%>
<title> No Refresh sum example </title>
<script type= "Text/javascript" >
var xmlHttp;
function Createxmlhttprequest ()
{
if (window. ActiveXObject)
{
XmlHttp = new ActiveXObject ("Microsoft.XMLHTTP");
}
else if (window. XMLHttpRequest)
{
XmlHttp = new XMLHttpRequest ();
}
}
Processing methods
function Addnumber ()
{
Createxmlhttprequest ();
var url= "handler.ashx?num1=" +document.getelementbyid ("Num1"). value+ "&num2=" +document.getelementbyid ("num2") . value;
Xmlhttp.open ("Get", url,true);
Xmlhttp.onreadystatechange=showresult;
Xmlhttp.send (NULL);
}
callback method
function Showresult ()
{
if (xmlhttp.readystate==4)
{
if (xmlhttp.status==200)
{
document.getElementById ("sum"). Value=xmlhttp.responsetext;
}
}
}
</script>
<body>
<form id= "Form1" runat= "Server" >
<div style= "Text-align:center" >
<br/> Simple example of no refresh addition operation <br/>
<br/>
<input id= "NUM1" style= "width:107px" type= "text" onkeyup= "Addnumber ();" value= "0"/>
+<input id= "num2" style= "width:95px" type= "text" onkeyup= "Addnumber ();" value= "0"/>
=<input id= "sum" style= "width:97px" type= "text"/></div>
</form>
</body>