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);
}
}
运行的效果图:
<%@ 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);
}
}
运行的效果图:
相关文章推荐
- ASP.NET AJAX中 复杂数据类型使用简单实例
- ASP.NET 2.0 AJAX 第二天:创建一个简单的ASP.NET 2.0 AJAX 应用程序
- jQuery+AJAX+ASP.NET简单实例
- 简单Asp.net Ajax实例
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- 一个简单的AJAX实现,基于C#的ASP.Net,包括服务器端的程序代码
- ASP.NET AJAX中 复杂数据类型使用简单实例
- 一个非常简单的 ASP.NET MVC 示例:长轮询(又叫:反向 AJAX,英文名:Comet)实现
- [ASP.NET]制作一个简单的多页Tab功能 -Ajax也可以按照这个来做
- 一个简单的AJAX实现,基于C#的ASP.Net,包括服务器端的程序代码
- asp.net中ajax修改密码简单实例
- asp.net+ajax简单分页实例分析
- 一个简单的ASP.NET Forms 身份认证的实例方法
- 1.简单实例:ASP.NET下Echarts通过Ajax从数据库中获取数据
- 一个简单的ASP.NET Forms 身份认证的实例方法
- asp.net中ajax的简单应用实例代码
- 稳扎稳打Silverlight(2) - 1.0实例之支持录音和回放的钢琴(Silverlight+ASP.NET AJAX+DLINQ)
- 跨域--------用xmlDom加载不在同一个域的XML(Asp.net)[IE设置不允许跨域的前提下] Ajax
- ASP.net AJAX代码实例
- 一个简单的AJAX实例