再谈 asp.net 客户端调用服务器端事件并传递参数

      之前在网上找了很久,也没有找到比较好的方法,大都说是通过后台接收 Request["__EventTarget"] 和 Request["__EventArgument"]来实现,可我总觉得上面的方法有点别扭。再或者就是在前端放置一个runat="server"的button控件,然后将控件的Visible属性设为false,再通过ClientScript.GetPostBackEventReference在客户端生成调用方法来激发客户端事件。第二种方法我觉得还是可以的,第一种方法我觉得风险比较大。 微软的官方文档似乎并没有提供这样的用法(也许是我没查到),只是大家分析了asp.net的客户端调用后给出的结果,系统升级存在一定风险。如果有一天微软改变了生成在客户端脚本中的变量名称或方法构造,是不是这个项目要重新来做呢?

     经过我的查证有一个方法更好用一些,而且更加简单,请看代码:

客户端:

 

复制代码
代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3"%>

<!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></title>
</head>
<body>
<form id="form1" runat="server">
<div>

<input id="Button1" type="button" value="button" onclick="<%=ClientScript.GetPostBackEventReference(this,"inc",true) %>"/>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</div>
</form>
</body>
</html>
复制代码

服务器端:

 

复制代码
代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
publicpartialclass WebForm3 : System.Web.UI.Page,IPostBackEventHandler
{
protectedvoid Page_Load(object sender, EventArgs e)
{

}

publicvoid RaisePostBackEvent(string eventArgument)
{
if (eventArgument =="inc")
TextBox1.Text
= DateTime.Now.ToString();
}

}
}
复制代码

 

上面的代码已经实现了客户端调用服务器代码的功能了。只是让page继承了一下IPostBackEventHandler接口,就可以了。

 

posted on   空明流光  阅读(653)  评论(0编辑  收藏  举报

编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!

导航

< 2010年10月 >
26 27 28 29 30 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6
点击右上角即可分享
微信分享提示