使用JavaScript触发asp.net服务器端控件事件

使用JavaScript触发asp.net服务器端控件事件2014-09-19当一个服务器控件要同时下列两种事时：

1.服务器端的点击事件

2.客户端的点击时执行ajax请求

需要的效果：

先执行ajax请求，然后根据ajax的结果，决定是否执行服务器的响应事件

当一个服务器控件同时执行这两种操作时，由于网速，响应速度，网络环境等多方面的因素，要么是后者的结果将前者的结果覆盖，要么是前者的结果将后者覆盖，这样很难达到所需要的效果。

于是，我想到了一个折中的办法。

一，将服务器控件“隐藏”（注意，如果直接将服务器端控件的属于visiable = false 的话，那该控件直接会变成隐藏域，在客户端利用javascript操作他的时候会获取不到相应的id,所以可以这样来隐藏:width = "1px" height="1px" 或者直接利用Div style="display:none"）

二，在旁边生成一个客户端标签

三，为客户端标签写相应的ajax事件

四，当获取到相应的ajax结果时，执行模拟点击服务端的点击事件，具体请看如下代码

前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %><！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"><script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script><head runat="server"><title></title><script type="text/javascript">window.onload = function （） {document.getElementById（"btnok"）.onclick = function （） {$.post（"Handler/Handler_title.ashx", { test: "test" }, function （data） {if （data == "OK"） {//模拟鼠标点击服务器端控件document.getElementById（"<%=btn_ok.ClientID%>"）.click（）;}}）;}}</script></head><body><form id="form1" runat="server"><div><asp:Button Text="服务器端button" ID="btn_ok" runat="server"onclick="btn_ok_Click" width="1px" Height="1px" /><input type="button" value="客户端的button" id="btnok"/></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; public partial class test : System.Web.UI.Page{protected void Page_Load（object sender, EventArgs e）{ } protected void btn_ok_Click（object sender, EventArgs e）{Response.Write（"服务器响应代码"）;}}

作者：cnblogs 爱吃猫的鱼