您的位置:首页 > 编程语言 > ASP

ASP.NET AJAX的一个简单实例

2008-07-29 10:54 681 查看
Default.aspx全部代码:

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Default</title>

<script language="javascript" type="text/javascript">

var xmlHttp;

function createXMLHttpRequest()

{

//判断浏览器类型并创建对象

//IE

if (window.ActiveXObject)

{

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

}

//FF

else if (window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest();

}

}

//光标处于输入框时引发的动作

function updateTotal()

{

url = "Default2.aspx?A=" + form1.elements["A"].value + "&B=" + form1.elements["B"].value;

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

xmlHttp.onreadystatechange = doUpdate;

xmlHttp.send();

return false;

}

function doUpdate()

{

if (xmlHttp.readyState == 4)

{

document.forms[0].elements["TOT"].value = xmlHttp.responseText;

}

}

</script>

</head>

<body onload = "createXMLHttpRequest();">

<form id="form1" action = "">

<div>

<p>

<input type = "text" id="A" onkeyup = "updateTotal()" value = "0"/>

<input type = "text" id="B" onkeyup = "updateTotal()"/ value = "0" />

</p>

<p>

<input type = "text" id="TOT" />

</p>

</div>

</form>

</body>

</html>

Default2.aspx全部代码(仅保留页面声明):

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
Default2.aspx.cs全部代码:

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 a = 0;

int b = 0;

if (Request.QueryString["A"] != null)

{

a = Convert.ToInt16( Request.QueryString["A"].ToString());

}

if (Request.QueryString["B"] != null)

{

b = Convert.ToInt16( Request.QueryString["B"].ToString());

}

Response.Write(a + b);

}

}
运行的效果图:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐