AJAX基本应用

最新推荐文章于 2025-08-08 15:43:57 发布

原创最新推荐文章于 2025-08-08 15:43:57 发布 · 758 阅读

·

0

·

CC 4.0 BY-SA版权

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

文章标签：

#ajax #xmlhttprequest #textbox #asp #server #class

本文介绍了一个使用AJAX实现的两数相加示例程序，通过客户端JavaScript调用服务器端C#处理程序完成计算，并即时更新结果显示。该示例展示了如何创建和使用XMLHttpRequest对象进行异步请求。

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

//AJAX基本应用:

//两个数相加:用到一个基本应用程序页面!!

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

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

<head runat="server">

<title>无标题页</title>

<script type="text/javascript">

var xmlHttpRequest;

function createXMLHttpRequest()

{

if(window.ActiveXObject)

{

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

}

else if(window.XMLHttpRequest)

{

xmlHttpRequest=new XMLHttpRequest();

}

}

function addNumber() //startRequest()

{

createXMLHttpRequest();

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

xmlHttpRequest.open("get",url,true);

xmlHttpRequest.onreadystatechange=showResult;

xmlHttpRequest.send(null);

}

function showResult()

{

if(xmlHttpRequest.readyState==4)

{

if(xmlHttpRequest.status==200)

{

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

}

}

}

</script>

</head>

<body>

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

<div style="text-align: center">

<asp:TextBox ID="num1" runat="server" onkeyup="addNumber();"></asp:TextBox>+

<asp:TextBox ID="num2" runat="server" onkeyup="addNumber();"></asp:TextBox>

=<asp:TextBox ID="result" runat="server"></asp:TextBox><br />

</div>

</form>

</body>

</html>

//基本应用程序页面

<%@ WebHandler Language="C#" Class="Handler" %>

using System;

using System.Web;

public class Handler : IHttpHandler {

public void ProcessRequest (HttpContext context) {

context.Response.ContentType = "text/plain";

try

{

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

context.Response.Write(result);

}

catch(FormatException e )

{

context.Response.Write("请输入另一个数字!");

}

}

public bool IsReusable {

get {

return false;

}

}

}

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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