本文介绍了一个使用 ASP.NET 和 AJAX 的简单示例，演示了如何在用户输入改变时通过 AJAX 调用服务器端页面进行计算并实时更新结果。示例中包含了 JavaScript 代码用于创建 XMLHttpRequest 对象，并定义了 updateTotal 函数来发送请求获取新的总和。
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title>WebForm1</title> <script language="javascript">...
var xmlHttp;
function createXMLHttpRequest() ...{ if (window.ActiveXObject) ...{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) ...{ xmlHttp = new XMLHttpRequest(); } } function updateTotal() ...{ frm = document.forms[0]; url="Default2.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=xmlHttp.responseText; }}
</script> </HEAD> <body onload="createXMLHttpRequest();"> <form> <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="23">Returned Total</TD> <TD><INPUT type="text" id="TOT" value="0"></TD> </TR> </TABLE> </form> </body></HTML>
扫一扫
893
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
