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顯示。
首先要如後將後端的值傳給前端的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顯示。
留言
張貼留言