ajax与asp.net2.0学习笔记(1)

最新推荐文章于 2021-08-06 00:59:50 发布

原创最新推荐文章于 2021-08-06 00:59:50 发布 · 882 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#asp.net #ajax #webform #xmlhttprequest #input #javascript

AJAX学习专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用ASP.NET和AJAX技术实现的简单应用程序。该应用由两个页面组成：一个用于输入数字并实时显示计算结果，另一个负责处理请求并返回计算结果。通过客户端JavaScript和服务器端C#代码结合，实现了输入框内容更改时的即时响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两个程序文件实现功能就是在input1 input2输入数字，那么立刻在input3中得到结果
1个叫做webform1.aspx
以下代码为webform1.aspx代码

<%@ Page Language="C#" AutoEventWireup="false" CodeFile="webform1.aspx.cs" Inherits="webform1" EnableViewState="false"%>

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

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

<head runat="server">

<title>AJAX TESTING</title>

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

var xmlHttp;

function cm(){

if(window.ActiveXObject){

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

}

else if(window.XMLHttpRequest){

xmlHttp = new XMLHttpRequest();

xmlHttp.overrideMimeType("text/xml");

}

}

function updateTotal(){

frm = document.forms[0];

url = "webform2.aspx?A="+frm.elements['A'].value+

"&B="+frm.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 =parseInt(xmlHttp.responseText);

}

}

</script>

</head>

<body onload="cm()";>

<form id="form1" runat="server">

<table height="143" cellspacing="0" cellpadding="0"

width="300" border="0">

<tr valign="top">

<td height="32">First value</td>

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

</tr>

<tr valign="top">

<td height="32">second value</td>

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

</tr>

<tr valign="top">

<td height="32">total value</td>

<td><input type="text" id="TOT" value="0" /></td>

</tr>

</table>

</form>

</body>

</html>

一个是程序是webform2.aspx,不过webform2.aspx内容为visual studio 2005 默认生成不做变化。变化的是其后置代码webform2.aspx.cs，以下为webform2.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 webform2 : 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);

}

}

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。