AJAX实现加法键盘输入后就显示结果(没有按钮)

异步程序Javascript 页面Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>AJAX之加法运算示例</title>

var xmlHttp;

function createXMLHttpRequest()

{

if(window.ActiveXObject)

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if(window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest();

}

function addNumber()

{

createXMLHttpRequest();

var url= "Default2.aspx?Num1="+document.getElementById("num1").value+"&Num2="+document.getElementById("num2").value;

xmlHttp.open("GET",url,true);

xmlHttp.onreadystatechange=showResult;

xmlHttp.send(null);

}

function showResult()

{

if(xmlHttp.readyState==4)

{

if(xmlHttp.status==200)

{

document.getElementById("result").value=xmlHttp.responseText;

}

</script>

</head>

<body>

<input id="num1" style="width: 99px" type="text" value="0" onkeyup="addNumber();" />+<input id="num2" style="width: 95px"

type="text" value="0" onkeyup="addNumber();" />=<input id="result" style="width: 99px" type="text" /></div>

</form>

</body>

</html>

一步调用页面代码 Default2.aspx

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class Default2 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

int Result = Convert.ToInt32(Request.QueryString["Num1"]) + Convert.ToInt32(Request.QueryString["Num2"]);

Response.Write(Result);

}

posted on 2007-03-26 21:20 小角色阅读(333) 评论(2) 收藏举报