当前位置:首页 » 其他

不用ajax调用搞后台小技巧

2012-10-25 13:32 本站整理 浏览(8)

一提到如何在前台JS调用后台C#方法,AJAX成为了必然的想法。

只是实现的细节采用AJAX 1.0或者AjaxPro的区别。

其实如果不用AJAX,我们也能够很方便地利用JS调用后台方法。

步骤如下:

1 前台放一个按钮。设置为隐藏。注意:不能直接设置Visible=false的方式,这样的话在ASP.Net 2.0编译后的代码里是找不到这个按钮的。需要设置风格:style="display:none;"

2 双击按钮,写入C#方法,或者写一个调用后台其他方法的代码段

3 前台JS调用的时候,照如下写,这样可以模拟按钮的点击事件,触发后台方法:

document.getElementById("Button2").click();

<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
    <title></title>
    <script type="text/javascript">
        $(function () {
            $('#a1').click(function () {
                $('#Hid').val('adfafdaf');
                $('#Button1').click();
            });
        })

    </script>
<asp:HiddenField ID="Hid" runat="server" />
    <div id="Div_left">
        <span id="a1">aaaa</span>
    </div>
    <div id="Div1">
        aaaabb
    </div>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

可以用隐藏域将值带进后台