不用ajax调用搞后台小技巧

一提到如何在前台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" />

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

你可能感兴趣的:(Ajax)