实现计算器功能:
JavaScript中脚本为:
<script language= "javaScript" >
var xmlHttp;
function CreateXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
xmlHttp =new XMLHttpRequest();
}else if(window.ActiveXObject)
{
xmlHttp = new ArtiveXObject("Microsoft.XMLHTTP") ;
}
}
function you_Click(number1,number2)
{
CreateXMLHttpRequest(); //创建组建
var url=" ResponseHttp.aspx?number1= "+number1+" &number2= "+number2; //请求字符串
xmlHttp.open("GET",url,true); //初始化组建
xmlHttp.onreadystatechange=isok; //设置回调函数
xmlHttp.send(null); //发送请求
}
function isok()
{
if(xmlHttp.readyState==4&&xmlHttp.status==200)
{
document.getElementById("lblMessage").value=xmlHttp.responseText ;
}
}
</script>
BODY代码:
<body>
<form id="form1" runat="server">
<div>
加法计算器 <br />
<br />
<input id="numberOne" style="width: 56px; height: 19px" type="text" />
+
<input id="numberTwo" style="width: 56px; height: 19px" type="text" />
= <input id="lblMessage" style="width: 56px; height: 19px" type="text" /><br />
<br />
<input id="Button1" type="button" value="计 算" onclick="you_Click(document.getElementById('numberOne').value,document.getElementById('numberTwo').value) " />
<br />
<br />
</div>
</form>
</body>
ResponseHttp.aspx后台处理代码:
protected void Page_Load(object sender, EventArgs e)
{
double number1 = Convert.ToDouble(Request.QueryString["number1"]);
double number2 = Convert.ToDouble(Request.QueryString["number2"]);
Double number = number1 + number2;
Response.Write(number.ToString());
Response.End();
}
![/](http://www.zhangyongjun.com/blog/images/From.gif)
![/](http://www.zhangyongjun.com/blog/images/icon_trackback.gif)
![/](http://www.zhangyongjun.com/blog/images/tag.gif)