Ajax使用初步 (.net)

最新推荐文章于 2025-08-10 21:10:58 发布

shumark

最新推荐文章于 2025-08-10 21:10:58 发布

阅读量542

点赞数

CC 4.0 BY-SA版权

文章标签： ajax .net textbox javascript asynchronous callback

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

本文链接：https://blog.youkuaiyun.com/shumark/article/details/1333293

本文介绍Ajax的基本概念及其在ASP.NET中的简单应用案例。通过一个具体的示例项目，详细讲解了如何配置Ajax环境、创建异步方法并实现客户端与服务器端的数据交互。

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

Ajax定义为“Asynchronous JavaScript + XML”的简称，也就是异步的JavaScript和XML处理。从原理上看，主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯，并最终在网页中实现丰富友好的用户界面
Ajax使用初步，配置步骤
1.把Ajax.dll copy到应用系统bin目录下，然后在工程引用中引用Ajax.dll，如果没有的话可以到网上下载
2.配置web.config，添加如下信息

<httpHandlers>

<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />

</httpHandlers>

3.假设应用系统叫Document，目录格式为Pages/AjaxTest
4.在Pages/AjaxTest下建立cs文件AjaxForm.cs，添加如下方法

//[Ajax.AjaxMethod]

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

public static string GetNIVNumber(string str)

{

return str;

}

5.在Pages/AjaxTest下建立页面AjaxForm.aspx

<HTML>

<HEAD>

<title>AjaxForm</title>

<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

<meta name="CODE_LANGUAGE" Content="C#">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script language="javascript">

function testAjax(owner, item, evt)

{

var first=document.getElementById("txtfirst");

AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);

}

function callback_GetNIVNumber(res)

{

var obj=document.getElementById("txtsecond");

obj.value=res.value;

}

</script>

</HEAD>

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

<INPUT style="Z-INDEX: 101; LEFT: 208px; POSITION: absolute; TOP: 40px" type="button" value="Button"

onclick="testAjax();">

<asp:TextBox id="txtfirst" style="Z-INDEX: 102; LEFT: 40px; POSITION: absolute; TOP: 40px" runat="server"></asp:TextBox>

<asp:TextBox id="txtsecond" style="Z-INDEX: 103; LEFT: 40px; POSITION: absolute; TOP: 72px" runat="server"></asp:TextBox>

</form>

</body>

</HTML>

protected System.Web.UI.WebControls.TextBox txtfirst;

protected System.Web.UI.WebControls.TextBox txtsecond;

private void Page_Load(object sender, System.EventArgs e)

{

//注册,其中Document.Pages.AjaxTest.AjaxMethod为AjaxMethod.cs方法所在的命名空间

Ajax.Utility.RegisterTypeForAjax(typeof(Document.Pages.AjaxTest.AjaxMethod));

}

然后运行就可以了，

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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