ASP.NET-後端將值傳給javascript

這邊介紹兩個基礎但很常會用到的技巧。
首先要如後將後端的值傳給前端的javascript。

首先在前端(aspx)設一個HiddenField物件
<asp:HiddenField ID="hf_time" runat="server" />

後端(aspx.cs)給值
hf_time.Value = "TEST";

前端(aspx)javascript取值

        <script type="text/javascript">
            function getValue {
                var value = document.getElementById("<%=hf_time.ClientID%>").value;
            }
        </script>

再來是進階應用,按鈕點擊呼叫jquery的blockUI並且顯示特定值。

上個階段有的東西這邊都要另外再拉一個button的物件。
<asp:Button ID="btn_test" class="genbtn" runat="server" Text="測試" OnClick="btn_test_Click" OnClientClick="markpage1();" />
可以看到在按下按鈕時前端會去呼叫markpage1()這個function,接下來就是在javascript寫這個function。

        <script type="text/javascript" src="../js/jquery.blockUI.js"></script>
        <script type="text/javascript">
            function markpage1() {
                var msg = document.getElementById("<%=hf_time.ClientID%>").value;
                $.blockUI({ message: '<div>' + msg + '</div>', css: { padding: '15px' } });
            }
        </script>
記得讀jquery,用一樣的方法取得後端的值,並且丟到blockUI顯示。

留言

這個網誌中的熱門文章

Python-相關係數矩陣實作(python-correlation matrix )

ASP.NET-FileUpload上傳後自動觸發button click(FileUpload upload auto trigger button click)