c# - 将值从 C# asp.net 传递到 JAVASCRIPT 不起作用

Question

我有一个 JS 变量 valuePercent，我从 hdnParam.Value (从 C# 获取的字符串)获取它的值，但它不起作用。我使用 ParseInt() 将字符串转换为 int，但输出结果为 NaN。有什么想法吗？

.ASPX.cs

 string test = "67";

 hdnParam.Value = test;

.ASPX

  <%-- Hidden field to store string to be displayed in gage--%>
   <input type="hidden" id="hdnParam" runat="server" clientidmode="Static" />
   <script>
    var valuePercent = document.getElementById("hdnParam").value; 
    var gg1 = new JustGage({
        id: "gg1",
        donut: 0,
        title: "LAKELAND",
        titleFontColor: "#000000",
        min: 0,           
        max: 100,           
        labelFontColor: "#000000",
        humanFriendlyDecimal: 1,
        decimals: 1,
        symbol: "%",
        refreshAnimationType: "bounce",
        gaugeWidthScale: 0.6,
        customSectors: [{
            color: "#ff0000",
            lo: 0,
            hi: 79
        }, {
            color: "#ffa500",
            lo: 80,
            hi: 89
        }, {
            color: "#1eae1e",
            lo: 90,
            hi: 100
        }],
        counter: true
    });
    function refreshDiv() {
        gg1.refresh(parseInt(valuePercent)); //THIS DOES NOT WORK
        gg1.refresh(45); //THIS WORKS
    }

    var myVar = setInterval(function () { refreshDiv() }, 1000);
</script>

Answer 1

设置Page_Load上隐藏字段的值，并在触发OnClientClick事件时调用javaScript函数。

MyPage.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
    hiddenFieldValue.Value = "this is the value";
}

标记:

<div>
    <asp:HiddenField ID="hiddenFieldValue" runat="server" />
    <asp:Button ID="ClickButton" runat="server" Text="Click Here" OnClientClick="DisplayValue()" />
</div>

javaScript:

function DisplayValue() {
        var valuePercent = document.getElementById("hiddenFieldValue").value;
        alert(valuePercent);
    }